Questions tagged «angularjs»

我有一个click事件发生在我的自定义指令范围之外，因此，我使用jQuery.click（）侦听器并在我的范围内调用一个函数，而不是使用“ ng-click”属性，如下所示： $('html').click(function(e) { scope.close(); ); close（）是一个简单的函数，如下所示： scope.close = function() { scope.isOpen = false; } 在我看来，我有一个绑定到isOpen的“ ng-show”元素，如下所示： <div ng-show="isOpen">My Div</div> 调试时，我发现正在调用close（），isOpen被更新为false，但是AngularJS视图没有更新。有没有办法手动告诉Angular更新视图？还是有一种解决我所未见的“角度”解决方案？

168 javascript  angularjs 

我一直在寻找过滤器在Angularjs中的工作方式，我看到我们需要发送2套括号。 $filter('number')(number[, fractionSize]) 它是什么意思，以及我们如何使用JavaScript处理它？

168 javascript  angularjs 

我有一个使用ng-repeat创建的表。我想向表中的每个元素添加验证。问题在于每个输入单元格与其上方和下方的单元格名称相同。我试图使用该{{$index}}值来命名输入，但是尽管HTML中的字符串文字看起来正确，但现在可以正常工作。 到目前为止，这是我的代码： <tr ng-repeat="r in model.BSM "> <td> <input ng-model="r.QTY" class="span1" name="QTY{{$index}}" ng-pattern="/^[\d]*\.?[\d]*$/" required/> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.pattern"><strong>Requires a number.</strong></span> <span class="alert-error" ng-show="form.QTY{{$index}}.$error.required"><strong>*Required</strong></span> </td> </tr> 我试过{{}}从索引中删除from，但是那也不行。到目前为止，输入的验证属性可以正常工作，但是不会显示错误消息。 有人有什么建议吗？ 编辑：除了以下出色的答案之外，这是一篇博客文章，更详细地介绍了此问题：http : //www.thebhwgroup.com/blog/2014/08/angularjs-html-form-design-part-2 /

167 javascript  html  angularjs  validation  grid 

我可以设置带有可选参数的路由（相同的模板和控制器，但是如果某些参数不存在，则应将其忽略）？ 因此，只编写一个规则，而不是编写以下两个规则？ module.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/users/', {templateUrl: 'template.tpl.html', controller: myCtrl}). when('/users/:userId', {templateUrl: 'template.tpl.html', controller: myCtrl}) }]); 这样的事情（[此参数是可选的]） when('/users[/:userId]', {templateUrl: 'template.tpl.html', controller: myCtrl}) //note: this previous doesn't work 我在他们的文档中找不到任何内容。

166 angularjs  angularjs-routing 

我有一组<li>要素。 <ul> <li ng-class="{current: selected == 100}"> <a href ng:click="selected=100">ABC</a> </li> <li ng-class="{current: selected == 101}"> <a href ng:click="selected=101">DEF</a> </li> <li ng-class="{current: selected == $index }" ng-repeat="x in [4,5,6,7]"> <a href ng:click="selected=$index">A{{$index}}</a> </li> </ul> 当用户单击上方的地址元素之一时，则应设置selected的值并显示<DIV>以下元素之一： <div ng:show="selected == 100">100</div> <div ng:show="selected == 101">101</div> <div ng-repeat="x in [4,5,6,7]" ng:show="selected == $index">{{ …

166 angularjs 

我有一个巨大的数据集，其中包含数千行，每个行有大约10个字段，大约2MB的数据。我需要在浏览器中显示它。最简单的方法（获取数据，将其放入$scope，ng-repeat=""完成工作）可以很好地工作，但是当它开始将节点插入DOM时，它会使浏览器冻结大约半分钟。我应该如何解决这个问题？ 一种选择是将行逐行追加，$scope并等待ngRepeat完成向DOM中插入一个块后再移至下一个。但是AFAIK ngRepeat在完成“重复”操作时不会返回报告，因此会很丑陋。 另一种选择是将服务器上的数据拆分为页面，然后在多个请求中获取它们，但这更加丑陋。 我浏览了Angular文档以查找类似的内容ng-repeat="data in dataset" ng-repeat-steps="500"，但未找到任何内容。我对Angular的方法还很陌生，所以有可能我完全没有注意这一点。最佳做法是什么？

165 javascript  angularjs  angularjs-ng-repeat 

我希望这可以使某些使用破折号的样式的人免于头痛，尤其是因为引导程序变得如此流行。 我通过以下方式使用角度1.0.5 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script> 在ngClass文档中，该示例很简单，但还提到该表达式可以是类名到布尔值的映射。我试图在我的图标上使用“ icon-white”样式，如引导文档中所示，具体取决于布尔变量。 <i class="icon-home" ng-class="{icon-white: someBooleanValue}"> 上面的行不起作用。icon-white当someBooleanValuetrue为true 时，该类不附加。但是，如果将键更改为iconWhite，则会成功将其添加到类值列表中。如何用破折号添加一个值？

165 angularjs 

这是我收到的错误消息： Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.youtube.com') does not match the recipient window's origin ('http://localhost:9000'). 我还看到了其他类似的问题，其中目标的原点是http://www.youtube.com和接收者的原点是https://www.youtube.com，而我的目标https://www.youtube.com和目标的原点是http://localhost:9000。 我没问题。问题是什么？ 我该如何解决？

165 javascript  angularjs  youtube  youtube-api  youtube-iframe-api 

我有一个要在页面内容加载后调用的函数。我读到有关$ viewContentLoaded的内容，但对我来说不起作用。我正在寻找类似的东西 document.addEventListener('DOMContentLoaded', function () { //Content goes here }, false); 在AngularJs控制器中，上述调用对我不起作用。

163 angularjs  events  loaded 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 有谁知道在构建应用程序时是否存在任何官方的或最受欢迎的Angular命名约定参考？ Angular具有许多不同类型的组件，例如过滤器，指令，服务等。您是否同意在应用程序中实现引用命名约定会有意义？ 例如： 如果需要创建新的过滤器，应如何命名它们，例如[Something] Filter或filter [Something]或其他名称？ 同样适用于控制器，服务，指令等。 我想知道的其他事情是属于作用域的变量/函数是否应具有特殊的前缀或后缀。在某些情况下，有一种方法可以将它们与功能和其他功能（无角度代码）区分开来。

162 angularjs 

以下文件“有效”（它不会引发任何错误）： <!doctype html> <html ng-app="modx"> <script src="http://code.angularjs.org/angular-1.0.0rc7.js"></script> <script> angular.module("modx", [], function($routeProvider) { }); </script> </html> 但是这个 <!doctype html> <html ng-app="modx"> <script src="http://code.angularjs.org/angular-1.0.0rc7.js"></script> <script> angular.module("modx", [], function($routeProvider, $rootScope) { }); </script> </html> 给出错误： 错误：未知提供程序：modx 源文件中的$ rootScope ：http ://code.angularjs.org/angular-1.0.0rc7.js行：2491 WTF？

162 angularjs 

我正在寻找有关如何绑定到AngularJS中的服务属性的最佳实践。 我已经研究了多个示例，以了解如何绑定到使用AngularJS创建的服务中的属性。 下面有两个关于如何绑定到服务中的属性的示例。他们都工作。第一个示例使用基本绑定，第二个示例使用$ scope。$ watch绑定到服务属性 当绑定到服务中的属性时，这些示例是首选还是建议使用其他我不知道的选项？ 这些示例的前提是服务应每5秒更新其属性“ lastUpdated”和“ calls”。服务属性更新后，视图应反映这些更改。这两个示例均成功运行；我想知道是否有更好的方法。 基本绑定 可以在下面的代码中查看和运行以下代码：http : //plnkr.co/edit/d3c16z <html> <body ng-app="ServiceNotification" > <div ng-controller="TimerCtrl1" style="border-style:dotted"> TimerCtrl1 <br/> Last Updated: {{timerData.lastUpdated}}<br/> Last Updated: {{timerData.calls}}<br/> </div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script> <script type="text/javascript"> var app = angular.module("ServiceNotification", []); function TimerCtrl1($scope, Timer) { $scope.timerData = Timer.data; }; app.factory("Timer", function ($timeout) { …

162 angularjs  data-binding  angularjs-service  angularjs-controller 

从目前的情况来看，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 在交互式HTML5和模型绑定方面，AngularJS非常强大。另一方面，诸如Yii之类的PHP框架可实现快速，结构合理，安全且功能强大的Web应用程序开发。两种技术都提供了用于数据访问，迭代和页面布局的复杂方法。 混合这两种方法（客户端和服务器端“页面设置”）是好是坏做法，还是违反了交互式，无缝HTML5 AJAX Web应用程序的含义？ 我不是在谈论使用PHP生成JS（请参阅此问题），而是在谈论生成将使用AngularJS的视图。 我也知道AngularJS页面应该（或可以）通过REST服务与服务器通信以获取数据（请参阅此问题），而不是直接从例如PHP变量中检索它。但是对我来说，用PHP分别为整个Web应用程序设计“框架”似乎更方便（例如，构建主菜单或处理授权/会话等）。

161 php  web-applications  angularjs 

我有一个使用callback带有隔离范围的指定属性的form指令： scope: { callback: '&' } 它位于内，ng-repeat因此我传递的表达式包括id对象的，作为回调函数的参数： <directive ng-repeat = "item in stuff" callback = "callback(item.id)"/> 当我完成指令后，它会$scope.callback()从其控制器函数中调用。在大多数情况下，这很好，这就是我想要做的，但是有时我想从directive自身内部添加另一个参数。 是否有一个允许这样的角度表达式：$scope.callback(arg2)，导致用callback调用arguments = [item.id, arg2]？ 如果没有，那么最干净的方法是什么？ 我发现这可行： <directive ng-repeat = "item in stuff" callback = "callback" callback-arg="item.id"/> 用 scope { callback: '=', callbackArg: '=' } 和指令调用 $scope.callback.apply(null, [$scope.callbackArg].concat([arg2, arg3]) ); 但我认为这不是特别整洁，它涉及在隔离范围内放入其他内容。 有没有更好的办法？ 此处为Plunker游乐场（已打开控制台）。

160 javascript  angularjs  angularjs-directive  angularjs-scope 

我有一个angularJS示例 <div ng-controller="testCtrl"> <test color1="color1" updateFn="updateFn()"></test> </div> <script> angular.module('dr', []) .controller("testCtrl", function($scope) { $scope.color1 = "color"; $scope.updateFn = function() { alert('123'); } }) .directive('test', function() { return { restrict: 'E', scope: {color1: '=', updateFn: '&'}, template: "<button ng-click='updateFn()'>Click</button>", replace: true, link: function(scope, elm, attrs) { } } }); </script> </body> …

160 angularjs