草庐IT

angularjs-ng-model

全部标签

javascript - 使用 Angular UI Router 在 AngularJS 中具有历史记录的一页上的多个 View

在我的AngularJS应用程序中,我有一个包含多个子部分的关于页面。所有这些子部分都在同一页面上,并且是同一模板的一部分。但是,我想通过它自己的URL访问每个部分,如果匹配,该URL将向下滚动到正确的部分。我已经这样设置了状态:.state('about',{url:"/about",templateUrl:"partials/about.html",}).state('about.team',{url:"/about/team",templateUrl:"partials/about.html"}).state('about.office',{url:"/about/office"

javascript - Protractor :如何等待引导的 AngularJS 完全加载

我有一个自举的Angular(1.2.6)应用程序。这意味着它没有明确的ng-app。因此,我遇到了让Protractor框架测试工作的各种问题(使用SauceLabs和grunt-protractor-runner)。错误因我尝试的内容而异,但一般来说:Error:Angularcouldnotbefoundonthepagehttp://xxx:9000/:angularneverprovidedresumeBootstrap或者...Error:ErrorwhilewaitingforProtractortosyncwiththepage:{}我发现了一些我尝试过的建议解决方案。

javascript - AngularJS 最佳实践——模板与 Javascript

默认情况下,当用户导航到路由时,Angular从服务器获取HTML模板。考虑到这一点,想象一下这个场景:用户加载Angular应用。主视图有一个名为“订单”的子页面。在用户研究主视图的同时,新版本的应用程序已投入生产。新版本使用新的Javscript和HTML完全重写了订单页面。用户导航到订单页面。Javascript已在步骤1中由浏览器加载,因此在重新加载应用程序之前,用户使用的是旧版本。但是新模板是在导航时从服务器获取的。所以现在Javascript和模板是我们的同步!我关于Javascript/HTML不同步的假设是否正确?如果是,是否有与此问题相关的最佳实践?我想一个解决方案是

javascript - AngularJS:ui-router href 重写为 ui-sref

我有一个CMS,它强制页面的URL具有特定的模式。我们需要有条件地重写这些链接的href。CMS将在页面上打印如下内容:Go我们的路由器需要实际指向#/zoo/gorilla如果我们自己写这个链接,它看起来像:Go问题是,我们不能总是保证/zoo/gorilla部分意味着我们在zoo('gorilla')。最简单的方法是将CMSurl解析为路由器URL,然后执行如下操作:link.attr("href","#/zoo/gorilla");我理解为什么这通常与ui-router的想法背道而驰,但我希望找到一种方法将其用于这种奇怪的情况。 最佳答案

javascript - angularJS:如何断开模型和 View 之间的链接

我想知道是否可以在运行时断开模型和View之间的链接。在下面的示例中,所有这些都链接在一起(通过text模型)。当我单击按钮时,我想让Angular不再更新最后的输入(例如启动一些jquery效果......)。我的真实案例在这里:http://jsfiddle.net/5JZPH/10/在jsfiddle示例中,我希望当我按下“+”按钮时,旧值(正在褪色的值)不会再改变。 最佳答案 您可以淡出jQuery克隆的html元素:http://jsfiddle.net/5JZPH/29/HTML:[{{index}}]JavaScrip

javascript - AngularJS - 将第 3 方异步加载库包装为服务

我有一个异步加载到我的页面的第3方库,我想将它用作服务。如何将加载代码包装在Angular服务中?一般来说,最佳做法是什么?目前我的做法是这样的:angular.module('myAPIServices',[]).factory('MyAPI',function(){return{\\APIisdeclaredattheloadedscriptdoStuff:function(){$window.API.doStuff()}};});然后在Angular范围之外的页面上(function(){varjs=document.createElement('script');varloc=

javascript - Angular.js 对 ng-repeat 的一项进行更改,导致所有其他项上的过滤器运行

我仍然遇到同样的问题,ng-repeat中的过滤器和函数一直被调用。这里的例子,http://plnkr.co/edit/G8INkfGZxMgTvPAftJ91?p=preview,任何时候你改变一行的东西,someFilter过滤器被调用1000次。显然这是因为子作用域上的任何更改都会冒泡到其父作用域,导致$digest运行,从而导致所有过滤器运行(https://stackoverflow.com/a/15936362/301596)。那正确吗?我怎样才能防止它在我的特定情况下发生?如何让它只在发生变化的项目上运行?在我的实际用例中,即使更改甚至不在ng-repeat的项目上,也

javascript - ExtJs Store.Load() 与 Model.Load()

store.load()和model.load()有什么区别?一个使用callback,另一个使用success/failure,函数签名略有不同。除此之外,使用store.load()与不使用它而直接调用model.load()有什么主要区别吗?加载具有关系的嵌套模型时的区别? 最佳答案 如果您查看Ext.data.Model的“在商店中使用”部分文档你会发现这两句话:AStoreisjustacollectionofModelinstances-usuallyloadedfromaserversomewhere.Storecan

javascript - 测试 angularjs Controller 时 - 找不到变量 : module/inject by chutzpah

我有angularJsControllerangular.module('App.ctrl.guests',[]).controller('guestsController',['$scope','$http','$location','$timeout','guestsService',function($scope,$http,$location,$timeout,guestsService){$scope.tiles=[];}])和Jasmine测试////////////'usestrict';describe('App.ctrl.guests',function(){vars

javascript - 为什么嵌套的 ng-grid 高度不起作用?

我有一个嵌套的ng网格。varfaculty=angular.module('faculty',['ngGrid']);faculty.controller('facultycontroller',functionfacultycontroller($scope,$http,$window){$scope.facdata=[{examname:'test'},{examname:'test2'}];$scope.gridOptions={data:'facdata',plugins:[newngGridFlexibleHeightPlugin()],columnDefs:[{field