Tag: angularjs

MVC web api：没有“Access-Control-Allow-Origin”标题出现在请求的资源上: 我尝试了所有写在这篇文章中的东西： http : //www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api ，但没有任何工作。我试图从webAPI2（MVC5）获取数据使用angularJS在另一个域。我的控制器看起来像这样： namespace tapuzWebAPI.Controllers { [EnableCors(origins: "http://local.tapuz.co.il", headers: "*", methods: "*", SupportsCredentials = true)] [RoutePrefix("api/homepage")] public class HomePageController : ApiController { [HttpGet] [Route("GetMainItems")] //[ResponseType(typeof(Product))] public List<usp_MobileSelectTopSecondaryItemsByCategoryResult> GetMainItems() { HomePageDALcs dal = new HomePageDALcs(); //Three product added to display the data //HomePagePromotedItems.Value.Add(new HomePagePromotedItem.Value.FirstOrDefault((p) => p.ID == id)); List<usp_MobileSelectTopSecondaryItemsByCategoryResult> items = dal.MobileSelectTopSecondaryItemsByCategory(3, […]

如何将AngularUI集成到AngularJS？: 对不起，这个愚蠢的问题，每个人都知道如何开始使用AngularUI？我已经从Github下载了它，并阅读了自述文件中的说明，但仍然不明白我必须做什么。

如何在AngularJS中unit testing隔离的范围指令: 在AngularJS中unit testing隔离范围的好方法是什么？ JSFiddle显示unit testing 指令片断 scope: {name: '=myGreet'}, link: function (scope, element, attrs) { //show the initial state greet(element, scope[attrs.myGreet]); //listen for changes in the model scope.$watch(attrs.myGreet, function (name) { greet(element, name); }); } 我想确保该指令正在侦听更改 – 这不适用于一个孤立的范围： it('should watch for changes in the model', function () { var elm; //arrange spyOn(scope, '$watch'); //act elm = […]

在Angular中使用内联模板: 我想加载一个内联视图模板。我将模板包装在text/ng-templatetypes的脚本标签中，并将id设置为temp1.html 。这里是我的模块configuration看起来像 learningApp.config(function ($routeProvider) { $routeProvider .when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"}) .when("/second", {controller: "SimpleController", templateUrl: "temp2.html"}) .otherwise({redirectTo : "/first"}); }); 它告诉我在我的控制台窗口中GET http://localhost:41685/temp1.html 404 (Not Found) ，这意味着它正在寻找一个名称的文件。我的问题是：如何configuration我的路线使用内联模板？更新：这是我的服务器呈现的DOM看起来像 <!DOCTYPE html> <html> <head> <script src="/Scripts/angular.js"></script> <link href="/Content/bootstrap.css" rel="stylesheet"/> </head> <body> <div class="container"> <h2>Getting Started with Angular</h2> <div class="row"> <div class="panel" ng-app="LearningApp"> <div ng-view></div> </div> […]

orderBy之后Angularjs错误$ index: 我是Angular.js的新手，在sorting数组和处理这些sorting后的数据时遇到一些问题。我有一个项目列表，并希望通过“Store.storeName”，这是迄今为止的工作。但sorting后的数据，我的删除function不再工作。我认为这是因为$索引sorting后错误，所以错误的数据被删除。我该如何解决这个问题？在范围内而不是在视图中sorting数据？怎么做？这里是一些相关的代码：在视图中： <tr ng-repeat="item in items | orderBy:'Store.storeName'"> <td><input class="toggle" type="checkbox" ng-model="item.Completed"></td> <td>{{item.Name}}</td> <td>{{item.Quantity}} Stk.</td> <td>{{item.Price || 0 | number:2}} €</td> <td>{{item.Quantity*item.Price|| 0 | number:2}} €</td> <td>{{item.Store.storeName}}</td> <td><a><img src="img/delete.png" ng-click="removeItem($index)">{{$index}}</a></td> </tr> 在我的控制器中，我有这个删除function，它应该删除特定的数据： $scope.removeItem = function(index){ $scope.items.splice(index,1); } 这在视图中sorting之前很好地工作。如果缺less重要的东西，请立即告诉我。谢谢！

在Angular中传递$ location.path中的参数: 我只是试图在我的控制器中使用$location.path() ，但也传递一个自定义variables作为参数。所以它会看起来像这样我猜： $scope.parameter = 'Foo'; $location.path('/myURL/' + $scope.parameter); 但是这不起作用。任何人都知道这应该在Angular中完成吗？

ng-click确认对话框 – AngularJS: 我正在尝试使用自定义的angularjs指令在ng-click上设置一个确认对话框： app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; }]) 这很好，但不幸的是，使用我的指令标签内的expression式不计算： <button ng-click="sayHi()" ng-confirm-click="Would you like to say hi?">Say hi to {{ name […]

AngularJS指令限制A和E: 我正在一个小团队中工作，在AngularJS中进行构build，并试图保持一些基本的标准和最佳实践。特别是因为我们对Angular相对较新。我的问题是关于指令。更准确地说， restrict选项。我们中的一些人正在使用restrict: 'E'因此在html中有<my-directive></my-directive> 。其他人正在使用restrict: 'A'并在HTML中有<div my-directive></div> 。那么当然，你可以使用restrict: 'EA'并使用上面的任意一个。目前没有什么大不了的，但是当这个项目规模巨大的时候，我希望任何人都能够很容易的理解到底发生了什么。做事情的属性或元素方式有利还是弊？是否有任何我们应该知道的陷阱，如果select说元素超过属性？

使用一组dynamic模块开发一个AngularJS应用程序: 我有一个复杂布局的应用程序，用户可以放置（拖放）小部件（通过从预定义的100多个小部件中进行select），其中每个小部件都是显示一组数据的自定义实现（使用REST调用获取）以特定的方式。我读过吨的博客post，stackoverflow的问题和官方的AngularJS文档，但我不知道如何devise我的应用程序来处理那里的要求。看演示应用程序，有一个单独的模块（ng-app），当在.js文件中构build时，相关模块被声明为它的依赖项，但是我有一大套小部件，不知何故，它是不可取的那里。我需要对以下问题提出build议：我应该如何devise我的应用程序和小部件 – 我应该有一个单独的AngularJS模块，或者每个小部件应该是主模块的指令？如果我将小部件devise为指令，是否有方法在指令中定义依赖关系。也就是说我的指令在其实现中使用ng-calender？如果我devise每个小部件作为一个单独的模块，是否有办法dynamic添加小部件模块作为依赖主模块？我应该如何devise控制器 – 每个控件可能有一个控制器？我应该如何分开状态（范围），如果我在视图中有多个相同types的小部件？有AngularJSdevise可重用小部件的最佳实践吗？编辑有用的参考： ocLazyLoad – AngularJS很好的延迟加载库种子项目 – 模块+延迟加载路线变化（ES6，systemjs，ocLazyLoad）在AngularJS中延迟加载使用AngularJS和RequireJSdynamic加载控制器和视图在应用程序引导后使用RequireJS加载AngularJS组件关于在GitHub上延迟加载AngularJS资源的演示项目按需加载项目仅在需要时dynamic注入模块另一个在Angular文章中的延迟加载大型AngularJS和JavaScript应用程序中的代码组织

AngularJS：有什么方法可以确定哪些字段使表单无效？: 在AngularJS应用程序中，在一个控制器内部有下面的代码，它是从一个ng-submit函数调用的，该函数属于名称为profileForm的表单： $scope.updateProfile = function() { if($scope.profileForm.$invalid) { //error handling.. } //etc. }; 在这个函数里面，有什么办法可以找出哪些字段导致整个被称为无效？