Tag: angularjs

如何在AngularJS中设置单选button的默认值？: 我需要build立一个系统，通过select的票数来改变总价格。我创build了一些单选button来select票数。其中的优点是，默认值是未设置的，加载结果为空。 <input type="radio" ng-model="people" value="1" checked="checked"><label>1</label> <input type="radio" ng-model="people" value="2"><label>2</label> <input type="radio" ng-model="people" value="3"><label>3</label> <ul> <li>{{10*people}}€</li> <li>{{8*people}}€</li> <li>{{30*people}}€</li> </ul> 请看我的jsfiddle。

布尔型的ng-repeatfilter: 我正在尝试在ng-repeat中对布尔值进行过滤。未注册用户列表： <h3>Unregistered Users</h3> <div ng-repeat="user in users | filter:!user.registered"> <div class="row-fluid"> <div class="span2"> {{user.name}} </div> </div> </div> 注册用户列表： <h3>Registered Users</h3> <div ng-repeat="user in users | filter:user.registered"> <div class="row-fluid"> <div class="span2"> {{user.name}} </div> </div> </div> 有没有一个很好的方法来过滤基于注册和！注册。

两个与angularjs嵌套的点击事件: 我有这样的HTML结构： <div ng-click="test()"> <div id="myId" ng-click="test2()"></div> <div></div> … </div> 目前，当我点击与id myId的div ，然后这两个函数被触发，但我希望只是test2函数被触发。我怎样才能做到这一点？

Visual Studio 2013 AngularJS智能感知支持: 我认为VS 2013应该支持angularjs属性intellisense？由于某种原因，它不适用于我最新版本的Microsoft Visual Studio Ultimate 2013版本12.0.21005.1 获取以下validation警告：属性“ng-app”不是元素“html”的有效属性。属性'ng-view'不是元素'div'的有效属性。我是否错过了某处的xsd参考？

如何在多个expression式中使用ng-click？: 我想用ng-click来执行多个expression式。我想要在模型上设置一个值，并从$scope调用一个方法，如下所示： <a ng-click="navigation.book = book && bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a> 我在哪里&&分离我想要执行的两个不同的expression式。我知道我可以添加一个方法，在控制器中做这两件事情。我应该这样做，还是有办法直接从ng-click执行两个expression式？

使用模型号的Angularjs ng-options不会select初始值: 我想用一个<select>来使用ng-options来将数字整数值绑定到相应的选项列表。在我的控制器中，我有这样的东西： myApp.controller('MyCtrl', function() { var self = this; var unitOptionsFromServer = { 2: "mA", 3: "A", 4: "mV", 5: "V", 6: "W", 7: "kW" }; self.unitsOptions = Object.keys(unitOptionsFromServer).map(function (key) { return { id: key, text: unitOptionsFromServer[key] }; }); self.selectedUnitOrdinal = 4; // Assume this value came from the server. }); HTML： <div ng-controller="MyCtrl as […]

在我的html中使用rootScopevariables: 所以我们可以像这样轻松地在我们的angular html中使用scopevariables： <!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script> </head> <body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello {{yourName}}!</h1> </div> </body> </html> 举个例子： <h1>Hello {{yourName}}!</h1> 正在使用yourName希望做的范围中的yourName ： <h1>Hello {{yourName}} you are in in {{$rootScope.zoneName}}!</h1> 是否有可能像这样带来$rootScopevariables？

angular度，布尔值在select框中: 我想设置一个布尔值为true或false使用select这里是我的代码： <select class="span9" ng-model="proposal.formalStoryboard"> <option value="false">Not Included</option> <option value="true">Included</option> </select> 值（proposal.formalStoryboard）正确设置为true或false，但是当值已被分配时，更改不会反映在select框上。我尝试了ng-value =“true”和ng-value =“false”，而不是只是价值，但它不工作。

AngularJS ngRepeat元素删除: 关于如何在ngRepeat指令中实现项目移除，还有很多问题，正如我想的那样，最终归结为使用ngClick并触发了一些传递它的项目$ index的 remove函数。但是，我无法find任何地方我有多个ngRepeats的例子： <div ng-controller="MyController"> <div ng-repeat="email in user.emails"> {{ email }} <a href>Remove</a> </div> <div ng-repeat="phone in user.phones"> {{ phone }} <a href>Remove</a> </div> </div> 为此，我需要创build$ scope.removePhone和$ scope.removeEmail这将被称为使用ngClick在删除锚点。但是我正在寻找更通用的解决scheme。特别是因为我有许多ngRepeats页面。我正在考虑编写一个指令，将其放在删除锚点，并会做这样的事情：在父元素中查找ngRepeat 。读取它正在迭代的内容（第一种情况为'user.emails'，第二种情况为'user.phones'）从THAT模型中删除$ index元素。所以标记看起来像这样： <div ng-controller="MyController"> <div ng-repeat="email in user.emails"> {{ email }} <a href remove-directive="$index">Remove</a> </div> <div ng-repeat="phone […]