程序设计 angularjs

5

我在表行上有一个单击事件，在这一行中还有一个带有单击事件的删除按钮。当我单击删除按钮时，也会触发该行上的单击事件。这是我的代码。 <tbody> <tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)"> <td>{{user.firstname}}</td> <td>{{user.lastname}}</td> <td>{{user.email}}</td> <td><button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Delete</button></td> </tr> </tbody> showUser当我单击表格单元格中的删除按钮时，如何防止触发事件？

433 javascript angularjs angularjs-ng-click

12

ng-if和ng-show / ng-hide有什么区别

我试图了解ng-if和ng-show/ 的区别ng-hide，但对我来说它们看起来相同。我应该记住使用一个或另一个来区别吗？

427 angularjs angularjs-ng-show angularjs-ng-if

26

ng重复定义次数而不是在数组上重复的方法？

有没有一种方法可以ng-repeat定义次数，而不必总是遍历数组？例如，在下面，我希望列表项显示5次，并假设$scope.number等于5，并增加数字，因此每个列表项都按1、2、3、4、5递增所需结果： <ul> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> <li><span>5</span></li> </ul>

417 javascript html angularjs angularjs-ng-repeat

21

AngularJS：如何观察服务变量？

我有服务，说： factory('aService', ['$rootScope', '$resource', function ($rootScope, $resource) { var service = { foo: [] }; return service; }]); 我想foo用来控制以HTML呈现的列表： <div ng-controller="FooCtrl"> <div ng-repeat="item in foo">{{ item }}</div> </div> 为了使控制器能够检测到何时aService.foo更新，我将这种模式拼凑在一起，在其中我将aService添加到控制器中$scope，然后使用$scope.$watch()： function FooCtrl($scope, aService) { $scope.aService = aService; $scope.foo = aService.foo; $scope.$watch('aService.foo', function (newVal, oldVal, scope) { if(newVal) { scope.foo = newVal; …

414 angularjs watch angular-services

22

如何基于AngularJS部分视图动态更改标头？

我正在使用ng-view来包含AngularJS部分视图，并且我想根据所包含的视图来更新页面标题和h1标头标签。但是，这些超出了部分视图控制器的范围，因此我无法弄清楚如何将它们绑定到控制器中的数据集。如果是ASP.NET MVC，则可以使用@ViewBag来执行此操作，但我不知道AngularJS中的等效方法。我已经搜索了有关共享服务，事件等的信息，但仍然无法正常运行。任何修改我的示例使其可行的方法将不胜感激。我的HTML： <html data-ng-app="myModule"> <head>  <title></title> </head> <body> <h1></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', …

411 javascript angularjs templates partial-views angular-routing

19

如何在AngularJS中使用按键事件？

我想在下面的文本框中捕获Enter键按下事件。为了更清楚地说明，我使用a ng-repeat来填充tbody。这是HTML： <td><input type="number" id="closeqty{{$index}}" class="pagination-right closefield" data-ng-model="closeqtymodel" data-ng-change="change($index)" required placeholder="{{item.closeMeasure}}" /></td> 这是我的模块： angular.module('components', ['ngResource']); 我正在使用一种资源来填充表，而我的控制器代码是： function Ajaxy($scope, $resource) { //controller which has resource to populate the table }

410 angularjs angularjs-directive angular-ui

12

AngularJS：为什么ng-bind在角度上比{{}}好？

我参加了一次有角度的演讲，会议中提到的一位参加者ng-bind胜于{{}}束缚。原因之一是ng-bind将变量放在监视列表中，并且仅当发生模型更改时，才将数据推送到视图中查看；另一方面，{{}}每次都会对表达式进行插值（我想这是角周期）并推送值，即使值更改与否。也有人说，如果屏幕上没有太多数据，则可以使用{{}}，并且性能问题将不可见。有人可以帮我阐明一下这个问题吗？

401 javascript angularjs ng-bind

8

ng-include的正确语法是什么？

我正在尝试将HTML代码段包含在中ng-repeat，但无法使用包含功能。看来的当前语法与ng-include以前的语法不同：我看到许多示例使用 <div ng-include src="path/file.html"></div> 但是在官方文档中，它说使用 <div ng-include="path/file.html"></div> 但随后在页面下方显示为 <div ng-include src="path/file.html"></div> 无论如何，我尝试了 <div ng-include="views/sidepanel.html"></div> <div ng-include src="views/sidepanel.html"></div> <ng-include src="views/sidepanel.html"></ng-include> <ng-include="views/sidepanel.html"></ng-include> <ng:include src="views/sidepanel.html"></ng:include> 我的代码片段不是很多代码，但是有很多事情要做。我读了里面的动态加载模板ng-repeat，这可能会引起问题，因此我sidepanel.html只用单词代替了内容foo，但仍然一无所获。我还尝试过直接在页面中声明模板，如下所示： <script type="text/ng-template" id="tmpl"> foo </script> 并且遍历了ng-include引用脚本的所有变体id，仍然一无所获。我的页面还有很多内容，但是现在我将其简化为：  <html> <head>  </head> <body ng-view="views/main.html"> <!-- view is actually set in the …

398 javascript html include angularjs repeater

4

如何从控制台测试AngularJS服务？

我有类似的服务： angular.module('app').factory('ExampleService', function(){ this.f1 = function(world){ return 'Hello '+world; } return this; }) 我想从JavaScript控制台对其进行测试，然后调用f1()该服务的功能。我怎样才能做到这一点？

395 angularjs angularjs-service

4

定义指令时“控制器”，“链接”和“编译”函数之间的区别

有些地方似乎将控制器功能用于指令逻辑，而其他地方则使用链接。角度主页上的选项卡示例将控制器用于一个指令并将链接用于另一个指令。两者有什么区别？

393 javascript angularjs web-applications javascript-framework

6

AngularJS与jQuery有何不同

我只知道一个js库，那就是jQuery。但是我小组中的其他编码人员正在将AngularJS更改为新项目中的默认库。我对此一无所知。与jQuery有何不同？我已经为jQuery中的类似任务完成了一组功能。我还能在AngularJS中使用jQuery吗？

388 javascript jquery angularjs

7

在ng-repeat内部的ng-click函数中添加参数似乎不起作用

我有一个ng-repeat像这样的简单循环： <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> 控制器中有一个功能$scope.removeTask(taskID)。据我所知，Angular将首先渲染视图并用{{task.id}}数字替换插值，然后在单击事件时将评估ng-click字符串。在这种情况下ng-click，完全可以得到预期的结果，即：ng-click="removeTask(5)".但是……它什么也没做。当然，我可以编写代码以task.id从$tasks数组甚至DOM中获取代码，但这似乎不像Angular那样。那么，如何ng-click在ng-repeat循环内向指令添加动态内容呢？

386 angularjs ng-repeat angularjs-ng-click

9

AngularJS从子控制器访问父作用域

我已经使用设置了我的控制器 data-ng-controller="xyzController as vm" 我有一个父/子嵌套控制器的场景。通过使用$parent.vm.property，我可以毫无问题地访问嵌套html中的父属性，但是我无法弄清楚如何从子控制器中访问父属性。我试过注入$ scope然后使用$scope.$parent.vm.property，但这不起作用吗？谁能提供建议？

382 angularjs angularjs-scope

8

通过Angular中的多个字段

如何以角度同时使用多个字段进行排序？例如，先按组再按子组 $scope.divisions = [{'group':1,'sub':1}, {'group':2,'sub':10}, {'group':1,'sub':2},{'group':1,'sub':20},{'group':2,'sub':1}, {'group':2,'sub':11}]; 我想显示为组：子组 1-1 1-2 1-20 2-1 2-10 2-11 <select ng-model="divs" ng-options="(d.group+' - '+d.sub) for d in divisions | orderBy:'group' | orderBy:'sub'" />

382 javascript angularjs sorting angularjs-ng-repeat angularjs-orderby

4

AngularJS：$ observe和$ watch方法之间的区别

我知道，无论Watchers与Observers就将计算在东西$scope在AngularJS变化。但是无法理解两者之间到底有什么区别。我最初的理解是Observers为角表达式计算的，这些角表达式是HTML端在Watchers执行$scope.$watch()函数时所执行的条件。我的想法是否正确？

378 javascript angularjs

Questions tagged «angularjs»