Tag: angularjs

在ng-init中声明多个值: 所以我想知道如何在单个ng-init中声明多个值，而不必创build一些奇怪的哈希，然后我需要总是访问具体。所以基本上我想 <div ng-init="a = 1, b = 2">{{a}}</div> 我说我想避免必须这样做 <div ng-init="unecessary_bs = {a: 1, b: 2}">{{unecessary_bs.a}}</div> 然而合理的： <div ng-init="a = 1, b = 2">{{a}}</div> 似乎没有工作。预期的感谢

如何使用指令定义的replace？: 在这个文档中： http : //docs.angularjs.org/guide/directive ，它说有一个指令的replaceconfiguration：模板 – 将当前元素replace为HTML的内容。 replace过程将所有属性/类从旧元素迁移到新元素。有关更多信息，请参阅下面的创build组件部分。 JavaScript代码 app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: true } }); app.directive('myd2', function(){ return { template: '<span>directive template2</span>', replace: false } }); html代码 <div myd1> original content should be replaced </div> <div myd2> original content should NOT be replaced </div> 但最后一页看起来像： directive template1 directive […]

如何使用angularjs检查表单有效性？: 我很新的angularjs。说我的应用程序有一个表单。使用督察，我注意到，如果angularjs认为该表单是无效的，它会添加一个ng无效的类到表单。可爱。所以看来，为了检查表单是否有效，我需要用Jqueryselect器来污染我的代码？什么是angularjs方式来表示forms有效性，而不使用表单控制器？

为什么不能在具有隔离范围的指令的模板中访问$ rootScope？: 在隔离作用域中，伪指令的模板似乎无法访问控制器（'Ctrl'）$ rootScopevariables，但是它确实出现在伪指令的控制器中。我明白为什么控制器（'Ctrl'）$ scopevariables在隔离范围中是不可见的。 HTML： <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div> JavaScript的： angular.module('app', []) .controller('Ctrl', function Ctrl1($scope, $rootScope) { $rootScope.blah = 'Hello'; $scope.yah = 'World' }) .directive('myTemplate', function() { return { restrict: 'E', templateUrl: 'my-template.html', scope: {}, controller: ["$scope", "$rootScope", function($scope, $rootScope) { console.log($rootScope.blah); console.log($scope.yah);, $scope.test = function(arg) […]

协调Angular.js和Bootstrap表单validation样式: 我正在使用Angular和Bootstrap。以下是供参考的代码： <form name="newUserForm" ng-submit="add()" class="" novalidate> <input type="text" class="input" ng-model="newUser.uname" placeholder="Twitter" ng-pattern="/^@[A-Za-z0-9_]{1,15}$/" required></td> <button type="submit" ng-disabled="newUserForm.$invalid" class="btn btn-add btn-primary">Add</button> </form> Bootstrap以无效字段的formsinput:invalid {…. } ; 当领域是空的时候这些踢。现在我也有一些通过Angular进行模式匹配。这会在“：invalid”closures时创build奇怪的情况，但“.ng-invalid”处于打开状态，这将要求我为“.ng-invalid”类重新实现引导CSS类。我看到两个选项，但是两者都有问题使Angular使用一些自定义的类名而不是“ng-valid”（我不知道该怎么做）。禁用html5validation（我认为这就是表单标签中的“novalidate”属性应该做的，但由于某种原因无法工作）。 Angular-Bootstrap指令不包含样式。

如何在量angular器上的input上获取文本: 在量angular器的文档中，我看到下面的例子： describe('by model', function() { it('should find an element by text input model', function() { var username = element(by.model('username')); username.clear(); username.sendKeys('Jane Doe'); var name = element(by.binding('username')); expect(name.getText()).toEqual('Jane Doe'); }); 这里清楚的是，您可以使用“by.model”在input框中设置值，但是如果您想查看input框并查看其中的内容，则需要使用“by.binding”。我有一套代码在哪里（总结）我做的： element(by.model('risk.name')).sendKeys('A value'); expect(element(by.model('risk.name')).getText()).toEqual('A value'); （在我的真实代码中，我保存实体，然后在编辑模式下回到它，我检查我的值实际上保存了，但它仍然归结为同样的事情，这个示例代码给出了同样的问题）。这给了我一个错误： Error: Expected '' to equal 'A value'. 理论上，遵循文档中的例子，我可以做： element(by.model('risk.name')).sendKeys('A value'); expect(element(by.binding('risk.name)).getText()).toEqual('A value'); 但by.binding似乎不喜欢完全合格的模型，我得到一个错误： Error: No element found using […]

Angularjs在symfony2应用程序上: 我正在使用前端使用大量JavaScript的SF2应用程序。 SF2为我提供了一个很好的方法来构build一个不错的REST应用程序，使用教义pipe理我的数据库，为模板使用树枝等等，但是我想使用Angularjs。我知道angularjs SF2是2种不同的框架与不同的方法，但我想知道做什么最好的方法是这样的。它甚至值得吗？如果是的话，你认为什么是更清洁和最有效的解决scheme？也许使用PHP而不是树枝模板使用angularjs大括号？

用模板replaceng-include节点？: 有点新的angular度。是否有可能用包含模板的内容replace ng-include节点？例如，用： <div ng-app> <script type="text/ng-template" id="test.html"> <p>Test</p> </script> <div ng-include src="'test.html'"></div> </div> 生成的html是： <div ng-app> <script type="text/ng-template" id="test.html"> <p>Test</p> </script> <div ng-include src="'test.html'"> <span class="ng-scope"> </span> <p>Test</p> <span class="ng-scope"> </span> </div> </div> 但是我想要的是： <div ng-app> <script type="text/ng-template" id="test.html"> <p>Test</p> </script> <p>Test</p> </div>

如何在量angular器/ WebdriverJS中设置默认的浏览器窗口大小: 出于某种原因，当我在工作中运行我的testing时，浏览器是最大化的，但是当我在家里运行它时，只会打开宽度约为50％的浏览器窗口。这会导致一些与向下滚动等不一致的情况，所以我最好能在每台运行testing的机器上打开一个相同大小的浏览器窗口。什么是最好的方法来做到这一点？（我发现其他语言的一些答案，但一直无法适应他们的JavaScript）添加 browser.executeScript('window.moveTo(0,0);'+ 'window.resizeTo(screen.width, screen.height);'); 什么都不做，（显然window.moveTo和window.resizeTo不被铬支持）。