Tag: angularjs

使用Firebase simplelogin强制使用唯一的用户名: 我最近在Thinkster上使用Angular和Firebase创build了一个Web应用程序。本教程使用Firebase simpleLogin方法允许创build包含用户名的“configuration文件”。厂： app.factory('Auth', function($firebaseSimpleLogin, $firebase, FIREBASE_URL, $rootScope) { var ref = new Firebase(FIREBASE_URL); var auth = $firebaseSimpleLogin(ref); var Auth = { register: function(user) { return auth.$createUser(user.email, user.password); }, createProfile: function(user) { var profile = { username: user.username, md5_hash: user.md5_hash }; var profileRef = $firebase(ref.child('profile')); return profileRef.$set(user.uid, profile); }, login: function(user) { return auth.$login('password', […]

在AngularJS中有条件地应用属性的最好方法是什么？: 我需要能够添加例如“contenteditable”元素，基于范围上的布尔variables。使用示例： <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> 如果$scope.editMode设置为true会导致contenteditable = true被添加到元素。是否有一些简单的方法来实现这个ng类的属性行为？我正在考虑编写一个指令，如果不是，分享。编辑：我可以看到，似乎有我的提议attrs指令和ng-bind-attrs之间的一些相似之处，但它在1.0.0.rc3中被删除，为什么呢？

AngularJS – 在使用ng模型时，input文本框的Value属性会被忽略？: 如果我将一个简单的input文本框值设置为像下面的“bob”那样使用AngularJS。如果添加了ng-model属性，则不会显示该值。 <input type="text" id="rootFolder" ng-model="rootFolders" disabled="disabled" value="Bob" size="40"/> 任何人都知道一个简单的解决scheme，以默认input的东西，并保持ng-model ？我试图使用ng-bind与默认值，但似乎不工作。

Angular.js指令dynamic模板库: 我在routeProvider模板中有一个自定义标签，它需要一个directive模板。 version属性将由范围填充，然后调用正确的模板。 <hymn ver="before-{{ week }}-{{ day }}"></hymn> 这个赞美诗有多个版本，基于它的date和时间。我期待使用该指令来填充正确的.html部分。该variables不被templateUrl读取。 emanuel.directive('hymn', function() { var contentUrl; return { restrict: 'E', link: function(scope, element, attrs) { // concatenating the directory to the ver attr to select the correct excerpt for the day contentUrl = 'content/excerpts/hymn-' + attrs.ver + '.html'; }, // passing in contentUrl variable templateUrl: […]

AngularJS控制器能否从同一模块中的另一个控制器inheritance？: 在模块中，控制器可以inheritance外部控制器的属性： var app = angular.module('angularjs-starter', []); var ParentCtrl = function ($scope, $location) { }; app.controller('ChildCtrl', function($scope, $injector) { $injector.invoke(ParentCtrl, this, {$scope: $scope}); }); 示例通过：无效链接： http : //blog.omkarpatil.com/2013/02/controller-inheritance-in-angularjs.html 一个模块中的控制器也可以inheritance兄弟吗？ var app = angular.module('angularjs-starter', []); app.controller('ParentCtrl ', function($scope) { //I'm the sibling, but want to act as parent }); app.controller('ChildCtrl', function($scope, $injector) { $injector.invoke(ParentCtrl, this, […]

angularJS的双和单个花括号之间的区别？: 我对这个angular度世界是陌生的，我对使用双花括号{{}}和单花括号{}或有时没有使用花括号来包括expression式中的expression式有点困惑 ng-class={expression} normal data binding like{{obj.key}} ng-hide='mydata==="red"'

计算AngularJS ng-repeat中重复元素的总和: 下面的脚本使用ng-repeat显示商店购物车。对于数组中的每个元素，它显示项目名称，数量和小计（ product.price * product.quantity ）。计算重复元素总价格的最简单方法是什么？ <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} €</td> </tr> <tr> <td></td> <td>Total :</td> <td></td> <!– Here is the total value of my cart –> </tr> </table>

如何在AngularJs中用ng-repeat过滤（key，value）？: 我正在尝试这样做： <div ng-controller="TestCtrl"> <div ng-repeat="(k,v) in items | filter:hasSecurityId"> {{k}} {{v.pos}} </div> </div> AngularJs部分： function TestCtrl($scope) { $scope.items = { 'A2F0C7':{'secId':'12345', 'pos':'a20'}, 'C8B3D1':{'pos':'b10'} }; $scope.hasSecurityId = function(k,v) { return v.hasOwnProperty('secId'); } } 但不知何故，它显示了我所有的项目。如何过滤（键，值）？

如何将控制器注入到AngularJS的另一个控制器中: 我是Angular的新手，想弄清楚如何做… 使用AngularJS，我怎样才能注入一个控制器在另一个控制器中使用？我有以下代码片段： var app = angular.module("testApp", ['']); app.controller('TestCtrl1', ['$scope', function ($scope) { $scope.myMethod = function () { console.log("TestCtrl1 – myMethod"); } }]); app.controller('TestCtrl2', ['$scope', 'TestCtrl1', function ($scope, TestCtrl1) { TestCtrl1.myMethod(); }]); 当我执行这个，我得到的错误： Error: [$injector:unpr] Unknown provider: TestCtrl1Provider <- TestCtrl1 http://errors.angularjs.org/1.2.21/$injector/unpr?p0=TestCtrl1Provider%20%3C-%20TestCtrl1 我是否应该尝试在另一个控制器内使用控制器，还是应该使用这个服务？

AngularJS访问范围从外部的jsfunction: 我试图看看是否有一个简单的方法来访问控制器的内部范围通过外部的JavaScript函数（完全不相关的目标控制器）我在这里看到了其他一些问题 angular.element("#scope").scope(); 会从DOM元素中检索范围，但是我的尝试目前没有得到适当的结果。这里是jsfiddle： http : //jsfiddle.net/sXkjc/5/ 我目前正在从简单的JS过渡到Angular。我试图做到这一点的主要原因是保持我的原始库代码尽可能完好; 节省了我将每个function添加到控制器的需要。关于如何实现这一点的任何想法？上述小提琴的评论也是受欢迎的。