Tag: angularjs

AngularJS中范围原型/原型inheritance的细微差别是什么？: API参考范围页面说：范围可以从父范围inheritance。开发人员指南范围页面说：范围（原型）从其父范围inheritance属性。那么，子范围是否总是从其父范围原型inheritance？有例外吗？当它inheritance时，是否正常的JavaScript原型inheritance？

“在AngularJS中思考”如果我有一个jQuery背景？: 假设我熟悉在jQuery中开发客户端应用程序，但现在我想开始使用AngularJS 。你能描述一下必要的范式转变吗？这里有几个问题可以帮助你构build一个答案：我如何构build和devise不同的客户端Web应用程序？最大的区别是什么？我应该停止做什么/使用什么？我应该开始做什么/使用？有没有服务器端的考虑/限制？我不在寻找jQuery和AngularJS之间的详细比较。

AngularJS中的全局变量: 我有一个问题，我在一个控制器的范围初始化一个变量。然后在用户登录时在另一个控制器中进行更改。此变量用于控制导航栏等内容，并根据用户的类型限制对站点部分的访问，因此重要的是它保留其值。问题在于，初始化它的控制器被角度再次调用，然后将该变量重置为其初始值。我认为这不是正确的方式来声明和初始化全局变量，以及它不是真正的全球性，所以我的问题是什么是正确的方式，是否有任何与目前版本的角度工作的好例子？

AngularJs“控制器作为”语法澄清？: 我读了 angularJS有关controller as xxx 的新语法语法InvoiceController as invoice告诉Angular实例化控制器并将其保存在当前范围的变量发票中。可视化：好吧，所以我不会有我的控制器中的参数$scope和代码将更清洁的控制器。但我将不得不在视图中指定另一个别名所以到现在我可以这样做： <input type="number" ng-model="qty" /> ….controller('InvoiceController', function($scope) { // do something with $scope.qty <–notice 现在我可以这样做： <input type="number" ng-model="invoic.qty" /> <– notice ….controller('InvoiceController', function() { // do something with this.qty <–notice 题这样做的目标是什么？从一个地方移除并添加到另一个地方？我会很高兴看到我错过了什么。

AngularJS用数字和范围循环: Angular在其HTML指令中提供了一些使用数字的for循环的支持： <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> 但是，如果您的范围变量包含具有动态数字的范围，则每次都需要创建一个空数组。在控制器中 var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = range; 在HTML中 <div data-ng-repeat="i in range"> do something </div> 这是有效的，但这是没有必要的，因为我们不会在循环中使用范围数组。有没有人知道设置范围或规则的最小/最大值？就像是： <div data-ng-repeat="i in 1 .. 100"> do something </div>

ng-repeat：单个字段过滤: 我有一系列使用ng-repeat重复使用的产品 <div ng-repeat="product in products | filter:by_colour"> 通过颜色过滤这些产品。过滤器正在工作，但是如果产品名称/描述等包含颜色，则产品在应用过滤器后仍然保留。如何设置过滤器只适用于我的数组的颜色领域，而不是每个领域？

什么时候使用ng-if和ng-show / ng-hide？: 我明白， ng-show和ng-hide会影响在元素上设置的类， ng-if控制元素是否作为DOM的一部分呈现。是否有选择ng-if在ng-show / ng-hide上的指导原则，反之亦然？

如何动态更改基于AngularJS部分视图的标题？: 我正在使用ng-view来包含AngularJS部分视图，我想根据包含的视图更新页面标题和h1标题标签。这些超出了局部视图控制器的范围，所以我不知道如何将它们绑定到控制器中的数据集。如果是ASP.NET MVC，你可以使用@ViewBag来做到这一点，但我不知道在AngularJS中的等价物。我搜索了共享服务，事件等，但仍然无法正常工作。任何方式来修改我的例子，所以它的作品将不胜感激。我的HTML： <html data-ng-app="myModule"> <head> <!– include js files –> <title><!– should changed when ng-view changes –></title> </head> <body> <h1><!– should changed when ng-view changes –></h1> <div data-ng-view></div> </body> </html> 我的JavaScript： var myModule = angular.module('myModule', []); myModule.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/test1', {templateUrl: 'test1.html', controller: Test1Ctrl}). when('/test2', {templateUrl: 'test2.html', controller: Test2Ctrl}). […]

在AngularJS中集成jQuery插件的正确方法: 我想知道什么是正确的方法来整合jQuery插件到我的角度的应用程序。我已经找到了几个教程和屏幕截图，但他们似乎迎合了特定的插件。例如： http : //amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs 我应该如何创建一个指令 – App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName)); } }; }); 然后在html中调用脚本和指令？ <div directiveName ></div> <script type="text/javascript" src="pluginName.js"></script> 谢谢

如何在AngularJS中处理锚点哈希链接: 你们有没有人知道如何很好地处理AngularJS中的锚点哈希链接？我有一个简单的FAQ页面的以下标记 <a href="#faq-1">Question 1</a> <a href="#faq-2">Question 2</a> <a href="#faq-3">Question 3</a> <h3 id="faq-1">Question 1</h3> <h3 id="faq-2">Question 2</h3> <h3 id="fa1-3">Question 3</h3> 当点击上面的任何链接AngularJS拦截和路线我到一个完全不同的页面（在我的情况下，一个404页，因为没有路由匹配的链接。我的第一个想法是创建一个匹配“/ faq /：chapter”的路由，并在相应的控制器中检查匹配元素后面的$ routeParams.chapter，然后使用jQuery向下滚动。但是，然后AngularJS再次让我感到害怕，只是滚动到页面的顶部。那么，这里的任何人在过去做过类似的事情，并且知道一个很好的解决办法呢？编辑：切换到html5mode应该可以解决我的问题，但我们还是必须支持IE8 +，所以我担心这不是一个可接受的解决方案：/