草庐IT

ng2-dragula

全部标签

javascript - 在 Angular ng-switch 中使用 html 模板

我正在制作一个随着用户点击而移动的“交互式菜单”。我想知道是否有办法在ng-switch中包含html模板,由于每个“开关”中的所有逻辑都不同-这将导致巨大的html文件。12 最佳答案 使用ngInclude:注意:如果您对路径进行硬编码,请不要忘记使用包含在双引号内的单引号。 关于javascript-在Angularng-switch中使用html模板,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.c

javascript - 使用 ng-repeat 和过滤器,如何判断哪些项目是可见的?

我有一个对象数组,我使用ng-repeat在我的Angular应用程序中显示这些对象。我正在使用filter和搜索输入的值过滤掉项目。它按预期工作。但是,我有一个“全选”/“取消全选”选项,我只想选择列表中的可见项(满足当前搜索条件的项)。如果不在我的Controller中执行相同的逻辑(即使用indexOf我的每个对象的搜索值),我如何知道哪些项目当前被ng-repeat/过滤器?我的看法:{{item.id}}{{item.name}}我的Controller中的一个函数:$scope.toggleAll(){for(variin$scope.items){//howcanItel

javascript - 使用 ng-repeat 和过滤器,如何判断哪些项目是可见的?

我有一个对象数组,我使用ng-repeat在我的Angular应用程序中显示这些对象。我正在使用filter和搜索输入的值过滤掉项目。它按预期工作。但是,我有一个“全选”/“取消全选”选项,我只想选择列表中的可见项(满足当前搜索条件的项)。如果不在我的Controller中执行相同的逻辑(即使用indexOf我的每个对象的搜索值),我如何知道哪些项目当前被ng-repeat/过滤器?我的看法:{{item.id}}{{item.name}}我的Controller中的一个函数:$scope.toggleAll(){for(variin$scope.items){//howcanItel

javascript - ng-model 在 Angular 1.3 中的输入类型编号上抛出错误

我有一个输入字段,我希望用户输入一个数字,所以我制作了一个类型为“数字”的输入字段。当我在1.2中使用它时,我没有得到任何错误varapp=angular.module('app',[]);app.controller('MainCtrl',['$scope',function($scope){$scope.person=[{"name":"Alex","pts":"10"}];}]);{{person|json}}name:-->pts:http://codepen.io/anon/pen/dPKgVL但是,当我在1.3中使用它时,出现错误:[ngModel:numfmt]但是当我更

javascript - ng-model 在 Angular 1.3 中的输入类型编号上抛出错误

我有一个输入字段,我希望用户输入一个数字,所以我制作了一个类型为“数字”的输入字段。当我在1.2中使用它时,我没有得到任何错误varapp=angular.module('app',[]);app.controller('MainCtrl',['$scope',function($scope){$scope.person=[{"name":"Alex","pts":"10"}];}]);{{person|json}}name:-->pts:http://codepen.io/anon/pen/dPKgVL但是,当我在1.3中使用它时,出现错误:[ngModel:numfmt]但是当我更

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

这个问题在这里已经有了答案:HowdoesdatabindingworkinAngularJS?(14个答案)关闭8年前。我不知道为什么要调用几次。angular.module('HelloApp',[]).directive('testDirective',function(){return{restrict:'E',replacement:true,template:'TestDirective',link:function(scope,element,attrs){console.log('link');varcnt=0;scope.test=function(){cnt+=1;

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

这个问题在这里已经有了答案:HowdoesdatabindingworkinAngularJS?(14个答案)关闭8年前。我不知道为什么要调用几次。angular.module('HelloApp',[]).directive('testDirective',function(){return{restrict:'E',replacement:true,template:'TestDirective',link:function(scope,element,attrs){console.log('link');varcnt=0;scope.test=function(){cnt+=1;

html - 当 ngIf 为 false 时构建 Angular4 ng-content

我对新的ng-content嵌入有疑问。假设我有一个组件my-component,它在其ngOnInit()函数中在加载时执行一些繁重的操作(目前,只是一个console.log()).我有一个包装器,它通过嵌入显示内容(my-wrapper.component.html)。如果我这样设置环境,日志语句不会显示:我假设my-wrapper组件没有构建,所以内容被忽略了。但是如果我尝试将逻辑移动到my-wrapper组件中,就像这样(my-wrapper.component.html):我总是看到console.log()输出。我猜,my-component被构建然后存储起来,直到*ng

html - 当 ngIf 为 false 时构建 Angular4 ng-content

我对新的ng-content嵌入有疑问。假设我有一个组件my-component,它在其ngOnInit()函数中在加载时执行一些繁重的操作(目前,只是一个console.log()).我有一个包装器,它通过嵌入显示内容(my-wrapper.component.html)。如果我这样设置环境,日志语句不会显示:我假设my-wrapper组件没有构建,所以内容被忽略了。但是如果我尝试将逻辑移动到my-wrapper组件中,就像这样(my-wrapper.component.html):我总是看到console.log()输出。我猜,my-component被构建然后存储起来,直到*ng

javascript - Angularjs 在 :hover 上覆盖 ng-show ng-hide

我在模板中显示了一系列“图标”。12当.icon悬停并隐藏i时,我有以下css显示span。.icon:hoveri{display:none;}.icon:hoverspan{display:block;}但是,我还希望能够在$scope.options==true时显示span的每个实例。所以我添加了以下内容:12但是现在,我的:hover坏了,最终没有显示span。有没有办法覆盖ng-show以便我的css在悬停时仍然display:block? 最佳答案 plunker您可以跳过css,让angular使用ng-mousee