草庐IT

angularjs-ng-if

全部标签

javascript - AngularJS-ng :model - Field is readonly when bound to $q promise?

我试图从AngularJs(1.0.7)中的promise返回单个记录并将结果绑定(bind)到表单。表单正确绑定(bind),但输入字段是只读的-我无法编辑值。如果我改为将记录包装在一个数组中并使用ng:repeat进行迭代,则表单会正确绑定(bind)并且我可以编辑值。我创建了一个plnkr来清楚地展示这个问题:http://embed.plnkr.co/fOWyhVUfekRbKUSRf7ut/preview您可以编辑直接绑定(bind)和列表绑定(bind)的输入字段,但是不能编辑绑定(bind)到单个promise的字段。是否可以将ng:model直接绑定(bind)到从pr

javascript - 学习angularjs 1.3,知道angular 2将在1年后发布

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion我想学习angularjs1.3,但我在做出决定时遇到了一些问题,如果现在是时候这样做,因为当版本2发布时,angular将发生巨大变化。花时间和精力去学习一个我们知道它会改变的框架是值得的。人们对此有什么建议。能否请您推荐任何其他易于学习的框架?谢谢!

javascript - 过渡后的 v-if 下方的过渡元素

我有两个元素,顶部的可见性由v-if控制在一个简单的bool值上。transition(name="fade")#element1(v-if="showFirst")pFoo#element2pBar第一个元素包裹在中标签,完全按照Vuedocumentation.然而,虽然这确实创建了淡入淡出的动画,但页面上的其余内容仍然跳动得非常刺耳。我怎样才能创建一个过渡,它也将平滑地转换任何和所有跟随的sibling的位置?Afiddle演示这个问题。 最佳答案 您需要使用transition-group并键入您的动态div和静态div..

javascript - 围绕 If block 的 JSLint 大括号

在Javascript中,如果if表达式后面没有大括号,则将以下语句放在ifblock中。也就是说,if(foo)bar();baz();相当于if(foo){bar();}baz();DouglasCrockford建议不要使用第一个,因为如果程序员试图在没有大括号的情况下向ifblock添加语句,它会造成混淆并且会导致难以追踪的错误。出于这个原因,如果您使用第一种形式,JsLint会报错。我一直在使用它,我觉得这不是问题,前提是您将该语句与if语句放在同一行,如下所示:if(foo)bar();baz();这在视觉上比完整的括号形式更简洁,而且我从来没有对它感到困惑。为了让我可以通

javascript - 如何在 AngularJS 中实现 jQuery 范围 slider

我正在尝试使用anuglar-slider在我现有的AngularJS应用中。我关注了作者的评论here我从作者的github下载了以下文件(在Head标签中)并添加到我的index.htmlHTML代码:App.js(Angular代码)。我按照作者的指示添加了第二行,我怀疑我在那里做错了什么varapp=angular.module('myApp',[])angular.module('uiSlider',[]);app.constant('Config',{baseURL:"http://blah",httpTimeout:36000});app.config(function(

javascript - 使用 ng-describe 与 Protractor 进行端到端测试

我最近发现了一个很棒的ng-describe通过抽象掉您必须记住/查找和编写的所有样板代码以加载、注入(inject)、模拟或监视,使为AngularJS应用程序编写单元测试变得非常透明的包。有人试过将ng-describe与protractor一起使用吗?它有意义吗?我们可以从中受益吗?引起我注意的一件事是您可以轻松地模拟HTTP响应:ngDescribe({inject:'$http',//formakingtestcallshttp:{get:{'/my/url':42,//status200,data42'/my/other/url':[202,42],//status202,

javascript - AngularJS bootstrap popover 自定义指令

我使用bootstrap自定义弹出窗口创建了一个指令。这可以从用户输入组名,它有两个按钮用于将该值应用于模型并在工具提示上显示该值,还有一个按钮用于关闭弹出窗口。我正在使用popoverjava脚本事件,问题是单个popover工作得很好但是当我打开另一个popover时,这个popover不会自行关闭。在打开一个弹出窗口时需要帮助关闭其他弹出窗口。这是plnk显示指令。这是代码varapp=angular.module('myApp',[]);app.directive('customEditPopover',function(){return{restrict:'A',templa

javascript - AngularJS:ng-model 将 int 转换为字符串

我目前正在使用Angular开发一个应用程序。到目前为止,一切都进展顺利。我真的,真的是Angular的新手,我很惊讶第一个真正的障碍花了这么长时间。情况:我有一个对象数组,每个对象都有一个顺序。category.items=[{id:1,order:1,type:{},...},{id:54,order:2,type:{},...},{id:3,order:3,type:{},...}]用户需要能够重新排列这些项目。新订单必须设置为对象属性“order”。在html中,这些对象是这样呈现的:在header-div我有一个输入字段,键入选择。{{$index+1}}changeItem

javascript - Angular2 动态模板或 ng-include

有没有办法在angular2中动态加载模板?在angular1中,我使用ng-include在主ControllerView中加载不同的html模板。我知道angular2只能采用1个templateUrl并在angular2中搜索ng-include并且找不到任何引用。 最佳答案 当您可以将html作为自定义的新组件并在任何需要的地方使用它时,为什么还需要ng-include,这要归功于选择器标签。例如:@Component({selector:'app-my-component',templateUrl:'./my-compon

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i