草庐IT

angularjs-components

全部标签

javascript - AngularJS $http 从失败的 CORS 请求返回状态码 0

好的,我已经找遍了这个。基本上我们使用的是跨域请求的$http请求。我们的服务器允许域,当请求返回200时,一切正常。然而,无论何时我们的服务器返回错误,500、401等等,Angular都认为这是一个CORS问题。我用Fiddler调试了响应以验证我的服务器返回了500,但Angular在它上面阻塞了。请求如下:varparams={url:"fakehost/example",method:'GET',headers:{"Authorization":"BasicencodedAuthExample"}};$http(params).then(function(response){

javascript - AngularJS 在指令中添加 ng-click

我正在执行拖放指令。在放下时,我将元素的副本添加到我的div并向其附加ng-click属性,如下所示:copy.append('×');例如,在Controller中我有$scope.abc=function(){alert('Hello!');}而且它不起作用。如果我在页面上手动添加此按钮,它会正常工作。 最佳答案 copy.append('×');$compile(copy)($scope); 关于javascript-AngularJS在指令中添加ng-cl

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 - 单元测试 : simulate the click event of child component in parent using enzyme

我有一个父组件和一个只是“标签”元素的子组件。当我点击子元素时,我需要调用父组件中的函数。我希望它被调用,但状态没有改变,当我看到覆盖文件时,函数没有被调用。**更新:**该代码适用于开发。只是单元测试失败了。这是我的父组件父类.jsexportdefaultclassParentextendsComponent{constructor(props){super(props)this.state={clickedChild:false}this.handleChildClick=this.handleChildClick.bind(this)}handleChildClick(inde

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 - react : How to listen to child component events

我有一个组件,假设它包含一个表单。该表单具有子组件,这些子组件本质上是用于输出文本输入和选择菜单的UI小部件。选择菜单组件有点花哨,使用onChange事件进行一些状态维护。我的问题是;如何挂接到父(表单)组件的选择菜单的onChange事件?我无法通过props传递onChange,因为我已经在选择组件中指定了onChange,我不想覆盖它。例子:varForm=React.createClass({handleSelectChange:function(){//Dosomethingwhenchanges},render:function(){varselectMenuOption

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 - 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