草庐IT

ng-views

全部标签

javascript - 创建一个接受可变数量 View (以及区域)的布局

我的目标我需要创建一个自定义布局(流布局),它可以接收可变数量的View,并根据它们创建必要的区域,并在这些区域内显示传入的View。View可以垂直排列或水平。要求该布局有一个模板,其中最初未定义区域。它只包含一个包装器(data-role="region-wrapper"),添加的区域将在其中呈现。我的方法。1-扩展Marionette.Layout(显然)2-像下面这样重写构造函数constructor:function(options){//callsuperhere...this.viewList=options.viewList||[];this._defineRegion

javascript - angularjs 使用 ng-repeat 调用 Filter 两次

我是angularjs的新手,正在尝试学习过滤器的概念。但在我的例子中,angularjs调用了过滤器两次。我原以为过滤器只运行一次,但是它运行了两次。无法理解为什么会这样..这是我的plunker... 最佳答案 如果我没有误解你的问题,这与here是同一个问题。Angularjsusesa'dirty-check'approach,soitneedtocallallthefilterstoseeifexistsanychange.Afterthisitdetectthathaveachangeononevariable(theo

javascript - AngularJS - ng-include ng-controller 和范围不绑定(bind)

我有以下主视图和options.html具有以下内容OptionsSearch但是“关键字”没有绑定(bind)到OptionsController中的范围。app.controller('OptionsController',['$scope',function($scope){$scope.keyword="all";$scope.search=function(){console.log("hello")};}]);当我点击按钮时,我没有看到hello并且关键字all没有出现在输入文本中。我尝试如下移动ng-controller部分一切都按预期进行。我通读了AngularJS-l

javascript - Angularjs 在 ng-repeat 中显示和隐藏按钮

我有一个列表,它使用ng-repeat填充屏幕。每行都有一个按钮供用户单击以选择该行。通常您会使用单选按钮,但用户想要按钮切换。我真正想要的是显示第一个按钮(在第一次显示列表时隐藏第二个按钮),在用户点击第一个按钮选择特定行后,我想隐藏第一个按钮并显示第二个按钮.2个按钮有不同的ID、文本、样式。所以对于用户来说,就像在选择后更改按钮的外观一样。我尝试在函数populateFareOption(row.col3.value,row.col4.value)中设置showfarebut1/showfarebut2范围变量在Controller中,但所有行在单击第一个按钮后都有第二个按钮。任

javascript - 如何使用 ControllerAs 语法手动更新 AngularJS View ?

我正在开发一个带有可排序、可停靠、可float小部件的仪表板。我正在使用的控件之一在结束body标记之前在DOM底部生成float小部件作为HTML。这有效地从窗口控件中生成它们的Controller范围中删除了在窗口控件中完成的操作。我正在使用可用的controllerAs语法开发此仪表板Controller,但我不知道如何在外部组件执行影响数据的操作时使用此语法有效地更新View风景?注意:这不是我面临的唯一一个迫使我手动更新主视图的问题。页面上其他地方也有执行影响View的操作的指令。理想情况下,我永远不必手动更新View,因为我将使用在影响摘要循环的内置Angular命令中发生

javascript - ng-click 在 firefox 中不起作用

我知道这个问题在SO上被问过多次,但我找不到任何答案我有一个负责文件上传的指令。这是我的指令代码:vardirective={restrict:'AE',scope:{settings:'='},controller:'fileUploaderCtrl',replace:true,template:'\\Uploadsinprogress\\{{file.size/1024|number:2}}KB\{{file.sizeUploaded()}}\\\\\\\\\\\\'}[...]在我的Controller中,我有以下代码:$scope.remove=function(index){

javascript - 是否可以在 ng-class 中声明注释

我有一个问题,是否可以在ng-class中声明注释ng-class="{'test':true,'test1':true,//somecomment'test2':true}" 最佳答案 好像没有。您可能需要像这样使用多行注释语法:但这会引发错误:SyntaxError:Token'*'isunexpected,expecting[:]atcolumn29oftheexpression[{'test':true,'test1':true,/*somecomment*/'test2':true}]startingat[*somecom

javascript - ng-if indexOf 与 JSON 数组

我有一个items的JSON输出-要显示单个项目,我使用ng-repeat="iteminitems"。我可以使用user访问当前登录的用户对象每个项目可以属于多个用户的愿望list。如果用户将一个项目添加到他的愿望list中,user_id将保存在item.wishlists中单个item的JSON输出看起来像这样简化了:{"id":1,"title":"Thisisatile","wishlists":[{"user_id":2},{"user_id":3}]}当我执行user.id时,我得到了当前登录用户的ID。现在我想在ng-repeat="iteminitems"中使用ng-

javascript - 为什么我们在 AngularJS 中对 ng-src 使用双大括号?

我对AngularJS表达式感到困惑。来自w3schools.com,我了解到AngularJS表达式可以写在双括号内:{{expression}}。AngularJS表达式也可以写在一个指令中:ng-bind="expression".但为什么我们使用ng-src={{...}}而不是ng-src="..."?ng-src是处理AngularJS表达式的特例吗? 最佳答案 是的,这是ng-src的特例,因为它正在等待template参数,这是一个string任何类型的内部插值({{}}),如docs中所述.这取决于指令本身如何指定

javascript - 在嵌套的 ng-repeat 中使用带有单选按钮的 ng-model 不起作用

嘿,我正在尝试在ng-repeat中显示单选按钮列表,但它似乎没有接受我在输入中绑定(bind)到ng-model的字段的初始值。当我为ng-repeat提供一个简单的数组时,按钮会正确显示初始值。但是如果出现嵌套的ng-repeat,则只有每个列表的最后一项用一个值初始化这是我的笔:https://codepen.io/alokraop/pen/JXLZBp我不知道我哪里出错了。我确保单选按钮的name属性对于每个组都是唯一的。感谢您的帮助。 最佳答案 这里的问题是您不能将Angular值插入到属性name中。如果我们从HTML中