草庐IT

ng2-dragula

全部标签

javascript - ng-disabled 是否在 div 标签中起作用?如果没有,那为什么?

我试过在div标签中使用ng-disabled,但它不起作用。ng-disabled是否适用于div标签?如果是那么怎么办?bbb 最佳答案 “ng-disabled”只是在元素上添加或删除“disabled”属性。但是在HTML中,div上的“禁用”根本没有效果。所以在某种程度上“ng-disabled”是有效的,但在div上使用它是没有意义的。您可以将“ng-disabled”添加到字段集中,这将使嵌套在其中的输入元素显示为禁用。另一种解决方法可能是通过使用css属性“opacity”和“pointer-events:none”

javascript - ng-class 和动画的竞争条件

我在使用ng-class时遇到了一些奇怪的问题,我怀疑它与竞争条件有关。这是plunkerexample这里是相关的js代码self.slideLeft=function(){if(self.end_index0){self.direction='right';debugger;self.start_index=self.start_index-4;self.end_index=self.end_index-4;self.display_list=self.list_of_stuff.slice(self.start_index,self.end_index);}}这是相关的html{

javascript - ng-cloak 指令被过早删除

我有一个angular-js应用程序,其中包含一些最初不应显示的Controller。尽管我使用了ng-cloak,它们还是在屏幕上闪烁。问题似乎是编译被调用并删除了ng-cloak指令和类,这使得Controller内容可见,即使它不应该是因为ng-show是假的。如果我在ng-cloak的编译方法中暂停js执行,我可以看到当ng-cloak指令被删除时出现的元素。如果我在Controller中暂停js执行(例如在“$scope.visible=false;”),我可以看到Controller在页面上保持可见。然后Controller再次不可见,因为它应该在稍后加载。我在文档HEAD

javascript - Angularjs - 如何 'ng-repeat' 'value in ng-model' 次 div?

使用Angularjs,我想创建say10如果用户在文本框中输入“10”。因此,无论用户在此框中输入什么值,都应创建这些值。所以我的普遍问题是,如何“ng-repeat”'ng-model'次?更新:感谢您的所有回答,我通过引用您的回答做了类似以下的事情。到目前为止,这是可行的,但请告诉我是否有任何其他逻辑比这更有效。$scope.divs=newArray();$scope.create=function(){//Iaddedabutton&invokedthisfunctiononitsng-clickvara=$scope.cols;for(i=0;i

html - ng-container 的内部 HTML,Angular 4?

我想在我的html代码中动态放置一个html代码,所以我写了下面的代码:Angular说innerHTML不是ng-container的有效属性我不想使用如下的第三个html标记:那么如何在没有任何标签内部html绑定(bind)的情况下插入html代码? 最佳答案 [outerHTML]将使用技巧来替换外部元素。在你的情况下的确,拥有一个干净的HTML结构很重要,例如保持CSS规则尽可能简单。 关于html-ng-container的内部HTML,Angular4?,我们在StackO

html - "let-"仅在 ng-template 元素上受支持

我正在尝试让我的前端应用程序(Angular5.1.x)运行,但由于模板解析错误而停止:"let-"isonlysupportedonng-templateelements.("]let-rowz="$implicit"let-index="index">)atJitCompiler._compileComponents(compiler.js:34318)atcompiler.js:34188atObject.then(compiler.js:474)atJitCompiler._compileModuleAndComponents(compiler.js:34187)我想我需要关注

javascript - 我在 AngularJS 中有两个具有相同 ng-controller 的 div,如何让它们共享信息?

我的html代码中有两个不同的div标签引用了AngularJS中的同一个Controller。我怀疑的是,由于这些div没有嵌套,它们每个都有自己的Controller实例,因此两者的数据不同。{{alert.msg}}AddAlert我知道这可以很容易地通过在第一个div中包含按钮来解决,但我觉得这是一个非常干净和简单的示例来传达我想要实现的目标。如果我们按下按钮并将另一个对象添加到我们的警报数组中,则更改将不会反射(reflect)在第一个div中。functionAlertCtrl($scope){$scope.alerts=[{type:'error',msg:'Ohsnap

javascript - 编译 ng-bind-html 后 ng-click 不工作

我有一个指令app.directive("dir",function($compile,$sce){return{restrict:"E",link:function(scope,element,attr){scope.$watch('content',function(){varhtml=$sce.trustAsHtml(attr.content);scope.alabala=$compile(html)(scope);},true);},template:"",}});Controller:functionMainController($scope,$http,customServ

javascript - 选择的 Angular ng-change 不调用声明的方法

我有以下html表单选择语句和jsmyApp.controller('myAppController',function($scope,myAppService){.....functionsetBillGroup(){console.log("setBillGroupmethodcalled!");......}....});但出于某种原因,当我在表单中选择某项或其他项时,setBillGroup()似乎从未被调用。 最佳答案 您必须在范围内定义方法。$scope.setBillGroup=function(){console.l

javascript - 使用 angularjs 和 ng-repeat 从 JSON 数据创建表

我有以下JSON数据:{"Workout1":{"Name":"First","Rounds":[{"Exercises":[{"Name":"Exercise1","Repeat":10},{"Name":"Exercise2","Repeat":10},{"Name":"Exercise3","Repeat":10}]},{"Exercises":[{"Name":"Exercise1","Repeat":20},{"Name":"Exercise2","Repeat":20},{"Name":"Exercise3","Repeat":20}]},{"Exercises":[{"N