jjzjj

angularjs

全部标签

javascript - 如何使用 Angular.js 引导多个模块显示在同一页面上

我看过Googlegroups,angularjs.org以及一些严肃的谷歌搜索,但我没有找到任何明确的例子或解释我正在尝试做的事情。我想做的是使用多个模块将我的应用程序分解为多个View。我从在线阅读中知道您需要手动引导,但我仍然无法写入我目前有2个模块“thermostatApp”和“PeopleApp”,我想将它们附加到它们自己的容器中,如下所示:我想做的是像这样引导到每个容器元素:angular.element($('#peopleApp_container')).ready(function(){angular.bootstrap($('#peopleApp_containe

javascript - Angularjs:选中单选按钮

我正在尝试使用单选按钮在AngularJS中构建一个颜色配置器,一切似乎都在工作,数据绑定(bind)等等......但是我无法设置默认颜色单选按钮。正如我在文档中看到的那样,如果ng-model与radio值相同,则应该自动检查输入,但我不知道这是否仅适用于字符串而不适用于对象。这是HTML:{{color.name}}Preview:{{thing}}这是JS:functionThingControl($scope){$scope.colors=[{name:"White",hex:"#ffffff"},{name:"Black",hex:"#000000"}]$scope.thi

javascript - 跨源资源共享中的 this.withCredentials 属性问题

我们正在实现一个基于AngularJS的应用程序,它使用托管在不同域中的rest网络服务。以下脚本用于CORS,它在Chrome和FireFox上完美运行。验证时在IE9和Safari中存在问题。问题似乎出在这些浏览器中的withCredentials属性上。IE和Safari是否有其他支持CORS的方式?XMLHttpRequest.prototype.realSend=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.send=function(vData){this.withCredentials=true;this.r

javascript - 使用 AngularJS 从 Accordion 组打开的 $http.get 加载

我正在使用Angularv1.2.0rc1和Angular-UIBootstrap。[编辑]我想要的是在使用Accordion时使用缓存按需加载。我正在使用来自here的Accordion组.有一些后端要求:我想在打开(单击)Accordion时仅加载Accordion内部的内容。然后,我希望缓存该响应,以便您可以根据需要打开/关闭任意多个,而不会使服务器过载。我尝试在标题上使用ng-click,但它会被AngularUIBootstrap覆盖。有办法解决吗? 最佳答案 您可以使用Accordion标题标签来捕获ng-click{{

javascript - 从 RouteProvider 定义 ng-view ="NAME"

我真的是Angular的新手,我有一个关于将模板或URL发送到ng-view的小问题。但是我打算做的方式可能必须在我的基本模板中使用ng-view。当我的模板库是这样的时候:我的JS看起来像:varapp=angular.module('myApp',[]).config(['$routeProvider','$locationProvider','$httpProvider',function($routeProvider,$locationProvider,$httpProvider){$routeProvider.when('/home',{templateUrl:'/conta

javascript - AngularJS - 处理重复的片段,如页眉和页脚

我一直在尝试在AngularJS应用程序中实现页眉/页脚。我正在考虑将这些作为ng-include添加到主index.html中。但是,如果页眉和页脚是静态页面,这会起作用。我的情况略有不同......在登录页面中没有显示页眉/页脚。其他页面根据您是否登录,必须显示“欢迎用户[注销]”或“欢迎访客[登录]”。我将登录信息保存在rootScope中,并在登录时设置一个bool值$rootScope.isLoggedIn。最大的问题似乎是整个ng-include在注销时没有刷新。因此,带有ng-showhide指令的div不会在更改时隐藏/显示。有人建议使用ng-switch-它的行为方式

javascript - Angular JS 如何使用 Protractor 获取中继器的所有行?

我有一个包含所有用户的表,我想搜索列为{{user.name}}==='X'的用户。当我找到正确的行时,我想通过单击该行的最后一列来删除该条目。element(by.repeater('userinallUsers')).then(function(rows){for(vari=0;i我得到一个TypeError:Object#hasnomethod'then'我在这里找到了我的解决方案,但那仍然是旧语法 最佳答案 您忘记调用all函数:element.all(by.repeater('userinallUsers')).then(

javascript - 当使用angularjs,ngInit加载 View 时初始化范围值的正确方法?

在过去的几周里,我一直在学习angularJs,并一直在研究许多大型应用程序,以了解其在现实世界中的运作方式。在大多数情况下,我注意到加载View时:ng-init="init()"即在相关Controller中调用函数init()。用于设置初始值。但是(很大但是)在阅读ngInit上的Angular文档时,我得出了一个相当严厉的描述:"TheonlyappropriateuseofngInitforaliasingspecialpropertiesofngRepeat,asseeninthedemobelow.Besidesthiscase,youshouldusecontrolle

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - AngularJS 指令中的单元测试私有(private)函数

如何对在指令内定义的函数进行单元测试,如下面的myFunc?angular.module('myApp').directive('myDir',[function(){varmyFunc=function(arg){//codeinhere.};return{restrict:'A',scope:{},link:function(scope,element){}};}]);或者您如何定义我不想在指令之外公开的可测试指令特定函数? 最佳答案 最常见的方法是不测试私有(private)方法,而是测试公开其行为的公共(public)接口(