草庐IT

javascript - Ng-Repeat 中的 Angular 设置类

我在ng-repeat中创建一个列表,我需要给所有li元素,他们是他们父亲或更多的第n个child,一个特定的类(在我们的ng-repeat中,它表示索引大于中间值的所有子项)。例如,如果列表有10个项目,我需要给第5、6...10个lichild上课。所以如果我的代码是这样的-[ul][ling-repeat="friendinfriends"]{{friend.name}}whois{{friend.age}}yearsold.[/li][/ul]从中间指数及以上的child分配类(class)的可行且好的方法是什么?我的条件是我不应该改变html的结构。我可以添加directiv

javascript - 模型不会在 ng-if 中更新

我在angular应用程序中有一个奇怪的行为,我不知道这是一个错误还是一个已知的限制:'usestrict';varctrl=function($scope){$scope.foo=false;};foo:{{foo}}fooShowfooShowfoohttp://jsfiddle.net/78R52/我希望点击其中一个按钮会设置foo=true,但点击第一个按钮(在ng-if="!foo"内)不会'改变模型。测试版本是1.2.1。 最佳答案 ng-if有自己的范围,所以你需要使用:Showfoo更新fiddle:http://j

javascript - 在同一个 DOM 元素上使用 ng-show 和 ng-hide 是否正确?

我想知道在同一个DOM元素上使用ng-show和ng-hide是否是一个好习惯。这似乎是一个更好的主意,而不是在单个ng-show中使用多个条件,其中一些条件被否定。告诉我。谢谢!PS:举个例子Maryisblondeandshehasgreeneyes 最佳答案 绝对不是。首先,这两个指令可能会相互干扰(请参阅JSFiddle,由JoelSkrepnek提供),这通常只是糟糕的设计。您可以使用一个函数、另一个字段或只是一些更多的内联逻辑。内联逻辑:Maryisblondeandshehasgreeneyes字段:Maryisblo

javascript - 空字符串上的 ng-switch

我正在使用Angular,我想使用ng-switch检查字符串何时为空。以下代码似乎对我不起作用。ThisstringisemptyThisstringisnotempty如有任何帮助,我们将不胜感激。 最佳答案 ThisstringisemptyThisstringisnotempty 关于javascript-空字符串上的ng-switch,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/ques

javascript - ng-bind-html 不适用于输入标签

我试图将HTML存储在范围变量中,然后在模板View中使用它。当我阅读如何以Angular执行此操作时,我遇到了ng-bind-html.在那里我注意到当我用绑定(bind)html标签时,等..它有效。但我无法添加标签。意思是,这个有效:$scope.myHtml='ThisisSomething';模板:但这不起作用:$scope.myHtml='';模板:以上只是一个简化的示例,仅供演示之用。我的问题是:1)标签是否不适用于ng-bind-html指令?2)如果没有,我如何通过html绑定(bind)输入标签以便将其插入到View中? 最佳答案

javascript - AngularJS ng-include缓存

我喜欢使用ng-include属性来包含模板。我想知道模板是否在多次使用相同的url时被缓存。//getrequesttemp.html//loadfromcache 最佳答案 缓存是通常使用的——但它不是在Angular的一部分,而是在浏览器的一部分。您可以通过运行Fiddler并查看页面加载时发生的情况来了解这一点。如果您从服务器返回304结果代码,则表示该页面没有更改-因此将从缓存中提取它。强制重新加载持续强制重新加载的唯一好方法是如下添加查询字符串(您可以将“i”替换为您想要的任何变量,数字只需要是随机的——而不是以前使用的

javascript - ng-class 中的表达式

我有一个非常简单的Angular应用程序,我正在尝试结合使用ng-repeat和ng-class来重复模板,并根据被绑定(bind)数据的属性之一将不同的类应用于外部div.这在我使用一个简单的...时有效ng-class="message.type"...但不幸的是,我需要将一个字符串连接到消息类型的开头。我试图在这里创建一个JSfiddle...http://jsfiddle.net/XuYGN/5/...但这也是我第一次尝试制作JSfiddle,我一定是做错了什么,因为Angular的东西似乎没有运行。不过,它确实显示了我试图用表达式做什么。我们将不胜感激任何帮助。

javascript - AngularJS - 将 ng-model 绑定(bind)到一个名称存储在另一个变量中的变量

我正在尝试将输入字段的值绑定(bind)到一个变量。我不知道这个变量的名称​​apriori;它存储在另一个变量中。这是html:这是Controller:functionstageController($scope){$scope.model='realModel';//containsthenameofthevariablethatiwouldbindtothefield$scope.realModel='initialvalueofthefield';}我也做了一个fiddle.这不起作用,因为当前绑定(bind)在输入字段和model变量之间。相反,我会将输入字段绑定(bind

javascript - AngularJS 使用 $sce.trustAsHtml 和 ng-repeat

我正在尝试将$sce.trustAsHtml()与ng-repeat中的对象属性一起使用。结果是HTML完全空白。尽管HTML使用ngSanitize正确输出。顺便说一下,我在使用AngularJSv1.3.0-beta.3。不确定是否存在错误或我做错了什么。 最佳答案 您不能在表达式中使用$sce.trustAsHtml(除非$sce是$scope的属性)因为表达式在$scope的上下文中进行评估。最干净的方法是使用ngSanitize。第二个最干净的方法是将$sce.trustAsHtml作为$scope中的函数公开:$scop

javascript - 拒绝执行内联事件处理程序,因为它违反了 CSP。 (沙盒)

当我将Sandbox放入manifest.json时,我正在开发一个googlechromepackaged应用程序:{"manifest_version":2,"name":"WM32216","version":"2.1","minimum_chrome_version":"23","permissions":["webview","https://ajax.googleapis.com/*"],"sandbox":{"pages":["index.html"]},"app":{"background":{"scripts":["main.js"]}}}我的anchor标记上的on