ما در AngularJs آبجکتی را به نام q$ داریم که برای اجرای توابع به صورت async مفید است و همچنین در استفاده از مقادیر برگشتی از این درخواست‌ها برای پردازش‌های آینده به ما کمک میکند. برای اطلاعات بیشتر در مورد این سرویس به اینجا مراجعه کنید.
در ادامه ما از تابع ()all از q$ برای ترکیب چند شیء promise داخل یک شیء promise، به منظور صدا زدن چند سرویس به صورت یکجا، استفاده میکنیم.
قدم اول : Visual Studio را بازکنید و یک پروژه empty ASP.NET Web API را مطابق شکل زیر ایجاد کنید.
using System.Collections.Generic;
namespace NG_Combine_Multiple_Promises.Models
{
public class Courses
{
public int CourseId { get; set; }
public string CourseName { get; set; }
}
public class CourseDatabase : List<Courses>
{
public CourseDatabase()
{
Add(new Courses() { CourseId=1,CourseName="الکترونیک"});
Add(new Courses() { CourseId = 2, CourseName = "ریاضی 2" });
Add(new Courses() { CourseId = 3, CourseName = "طراحی نرم افزار" });
}
}
public class Student
{
public int StudentId { get; set; }
public string Name { get; set; }
public string AcadmicYear { get; set; }
}
public class StudentDatabase : List<Student>
{
public StudentDatabase()
{
Add(new Student() {StudentId=101,Name="محمد علوی",
AcadmicYear="اول" });
Add(new Student() { StudentId = 102, Name = "طاهره موسوی",
AcadmicYear = "دوم" });
Add(new Student() { StudentId = 103, Name = "علی عباسی",
AcadmicYear = "سوم" });
Add(new Student() { StudentId = 104, Name = "جواد نوری",
AcadmicYear = "اول" });
Add(new Student() { StudentId = 105, Name = "محسن خدایی",
AcadmicYear = "دوم" });
Add(new Student() { StudentId = 106, Name = "علی کاظمی",
AcadmicYear = "سوم" });
Add(new Student() { StudentId = 107, Name = "زهرا مقدم",
AcadmicYear = "اول" });
Add(new Student() { StudentId = 108, Name = "لاله فکور",
AcadmicYear = "دوم" });
Add(new Student() { StudentId = 109, Name = "علی نوروزی",
AcadmicYear = "چهارم" });
}
}
} کد بالا شامل موجودیت‌های Courses و Student است و کلاس‌های CourseDatabase و StudentDatabase به ترتیب برای ذخیره این موجودیت‌ها است.
قدم سوم : بسته‌ی نیوگت Microsoft.AspNet.WebAPi.Cors را با استفاده از NuGet Package Manager، به منظور فعال سازی امکان صدا زدن این وب سرویس از دامنه‌های مختلف، به پروژه اضافه کرده و کد زیر را در کلاس WebApiCofig در پوشه App_Start قرار دهید.
config.EnableCors();
قدم چهارم : دو کنترل از نوع Web API 2 Empty را با نام‌های CourseAPIController و StudentAPIController ایجاد کرده و کدهای زیر را در آنها قرار دهید.
CourseAPIController.cs
[EnableCors("*","*","*")]
public class CourseAPIController : ApiController
{
[Route("Courses")]
public IEnumerable<Courses> Get()
{
return new CourseDatabase();
}
} StudentAPIController.cs
[EnableCors("*", "*", "*")]
public class StudentAPIController : ApiController
{
[Route("Students")]
public IEnumerable<Student> Get()
{
return new StudentDatabase();
}
}
استفاده از Angular $q.all
قدم اول : پروژه‌ی جدیدی را از نوع Empty ASP.NET در همین solution اضافه کرده و ارجاعات jQuery, Bootstrap و AngularJS را با استفاده از NuGet Package manager مانند زیر اضافه کنید:
Install-Package jQuery Install-Package bootstrap Install-Package angularjs
قدم دوم : پوشه‌ایی را به نام MyScripts ایجاد کرده و درون آن فایل javascript زیر را با نام logic.js اضافه کنید:
var app = angular.module('mymodule', []);
//سرویسی برای بازگرداندن لیست دروس
app.service('courseService', function ($http) {
this.get = function () {
var response = $http.get("http://localhost:11696/Courses");
return response;
};
});
//سرویسی برای بازگرداندن لیست دانشجویان
app.service('studentService', function ($http) {
this.get = function () {
var response = $http.get("http://localhost:11696/Students");
return response;
};
});
//تعریف کنترلر
app.controller('ctrl', function ($scope, $q, courseService, studentService) {
$scope.Courses = [];
$scope.Students = [];
loadData();
/**/
function loadData() {
var promiseCourse = courseService.get();
var promiseStudent = studentService.get();
$scope.combineResult = $q.all([
promiseCourse,
promiseStudent
]).then(function (resp) {
$scope.Courses = resp[0].data;
$scope.Students = resp[1].data;
});
}
}); <!DOCTYPE html>
<html ng-app="mymodule">
<head>
<title></title>
<meta charset="utf-8" />
<link href="../Content/bootstrap.min.css" rel="stylesheet" />
<script src="../Scripts/jquery-3.2.1.min.js"></script>
<script src="../Scripts/angular.min.js"></script>
<script src="../MyScripts/logic.js"></script>
</head>
<body ng-controller="ctrl">
<div class="container">
<h1 class="h1">دروس</h1>
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<td class="text-center">کد درس</td>
<td class="text-center">نام درس</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="Course in Courses">
<td class="text-center">{{Course.CourseId}}</td>
<td class="text-center">{{Course.CourseName}}</td>
</tr>
</tbody>
</table>
<hr />
<h1 class="h1">دانشجویان</h1>
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<td class="text-center">کد دانشجویی</td>
<td class="text-center">نام و نام خانوادگی</td>
<td class="text-center">سال دانشجویی</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="Student in Students">
<td class="text-center">{{Student.StudentId}}</td>
<td class="text-center">{{Student.Name}}</td>
<td class="text-center">{{Student.AcadmicYear}}</td>
</tr>
</tbody>
</table>
</div>
</body>
</html> 
install-package Microsoft.AspNet.Scaffolding.WebForms -pre
public class Person
{
[ScaffoldColumn(false)]
public int ID { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
}
PM> install-package MSTest.TestFramework -Pre PM> install-package MSTest.TestAdapter -Pre
[TestClass]
public class TestFrameworkTest
{
[TestMethod]
public void SimpleTest()
{
Assert.IsTrue(false);
}
[DataTestMethod]
[DataRow(1, 2, 3)]
[DataRow(2, 2, 4)]
[DataRow(3, 2, 6)]
[DataRow(5, 2, 7)]
public void RowTest(int a, int b, int result)
{
Assert.AreEqual(result, a + b);
}
} Test Menu -> Windows -> Test Explorer
<!-- Microsoft.* packages will only come from nuget.org. -->
<!-- All other packages come from contoso.com by default. -->
<packageSourceMapping>
<packageSource key="nuget.org">
<package pattern="Microsoft.*" />
</packageSource>
<packageSource key="contoso.com">
<package pattern="*" />
</packageSource>
</packageSoureMapping> 
Overlay is a browser extension that helps developers evaluate open source packages before picking them. It gathers data from various sources, such as Snyk Advisor, Debricked, Socket.dev, and Deps.dev, and displays them on the package pages of popular registries like npm, PyPI, and Go.
At the Build 2016 conference, Microsoft announced the Microsoft Bot Framework, a package of tools for building intelligent bots that could be integrated with a variety of communication platforms. With Microsoft Bot Framework Succinctly, you can jump right into building your own bots with the framework, whether you want to make bots for personal use only, or customer-facing bots for your business. Author Ed Freitas provides clear guidance from setting up a bot project in Visual Studio and writing your first bare-bones bot, to publishing one capable of searching for current flight prices.
AngularJS is a huge framework with that already has many performance enhancements built in, but they can’t solve all our problems. No matter how fast the framework, we can all create sluggish code through bad practices and not understanding key concepts that help it perform well.
dotnet tool install -g upgrade-assistant
dotnet tool update -g upgrade-assistant
upgrade-assistant upgrade MyProject.csproj
<Project Sdk="Microsoft.NET.Sdk">
<PropertyGroup>
<TargetFramework>net472</TargetFramework>
<OutputType>Library</OutputType>
</PropertyGroup>
.
.
.
</Project> <Project Sdk="Microsoft.NET.Sdk"> <PropertyGroup> <TargetFramework>net472</TargetFramework> <OutputType>Exe</OutputType> <ApplicationIcon>logo.ico</ApplicationIcon> <AppConfig>App.config</AppConfig> </PropertyGroup> . . . </Project>
<Project Sdk="MSBuild.SDK.SystemWeb/4.0.54"> <PropertyGroup> <OutputType>Library</OutputType> <TargetFramework>net472</TargetFramework> <AppConfig>Web.config</AppConfig> </PropertyGroup> . . . </Project>