草庐IT

ng2-dragula

全部标签

javascript - 为什么在使用 ng-blur 时 ng-click 不起作用?

我在div上使用了ng-click并且它按预期工作,但是当我在其他一些输入上使用了ng-blur时,ng-clickdiv上的停止工作。工作代码[addItem(item)在点击时被调用]Choosefromselected{{item}}Followingareselected{{item}}损坏的代码[addItem(item)未被调用]Choosefromselected{{item}}Followingareselected{{item}}相关JS代码angular.module("myApp",[]).controller("TestController",["$scope"

javascript - 如何使用 ng2-dragula 拖放到多个 Angular2 组件

我有一个Angular2组件使用ng2-dragula像这样拖/放:@Component({selector:'my-comp',directives:[Dragula],viewProviders:[DragulaService],template:`...`})我的问题:如果我创建多个“my-comp”组件,“card-bag”中的项目不能拖/放这些组件,尽管它们具有相同的包名称。这些项目只能拖/放到它拥有的组件内。我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?谢谢。 最佳答案 如果您没有使用[dragu

javascript - AngularJS ng-repeat 和表单验证

我在AngularJS中的表单验证和在表单内使用ng-repeat项目时遇到问题。HTML:Name:Products:RemovesaveThereareerrors.Nochangeddetectedtobesaved.Dirty?{{form.$dirty}}Invalid?{{form.$invalid}}Pristine?{{form.$pristine}}JS:functionEditController($scope){$scope.model={name:"Phil",products:[{name:"Foo",price:12.99},{name:"Bar",pric

javascript - 双向绑定(bind)不适用于 ng-repeat

我有一个简单的ng-repeat列表,我在其中将当前列表项值分配给Controller上的另一个属性,如下所示:Save但是当我点击“保存”按钮时,我得到了$scope.value的默认值设置。我希望显示特定输入文本的值。这是Controller:angular.module('myApp',[]).controller('MyController',function($scope){$scope.value=false;$scope.list=[0,1,2,3,4];$scope.save=function(){alert($scope.value);}});我如何在调用保存函数时访

javascript - ng-repeat order通过保持固定的最高值

在这里查看fiddlehttp://jsfiddle.net/prantikv/gcz4gwgw/1/我想在列表的顶部得到第i个项目,其余的按字母顺序排列:{{value.name}}在我的Controller中我有以下内容varmyApp=angular.module('myApp',[]);functionMyCtrl($scope){$scope.name=[{name:'zani',country:'Norway'},{name:'aege',country:'Sweden'},{name:'Kai',country:'Denmark'}]}我想要的是名字“kai”先出现,然后

javascript - 根据路线切换 ng-include 的可见性

我有以下配置:$routeProvider.when('/cars',{templateUrl:'app/cars/index.html',controller:'CarsCtrl',reloadOnSearch:false}).when('/bikes',{templateUrl:'app/bikes/index.html',controller:'BikesCtrl',reloadOnSearch:false});在我的根目录index.html的某处有一个:CarsBikes现在,我希望两个View同时在DOM中加载和生成,并根据路由/URL显示其中一个。类似下面的内容(不是实际

javascript - 防止 ng-click 触发确认对话框(在 Angular 1.2 RC3 中停止工作)

我使用这个脚本在实际触发ng-click函数之前有一个确认对话框Directives.directive('ngConfirmClick',[function(){return{priority:100,restrict:'A',link:function(scope,element,attrs){element.bind('click',function(e){varmessage=attrs.ngConfirmClick;if(message&&!confirm(message)){e.stopImmediatePropagation();e.preventDefault();}}

javascript - 添加一个类到 ng-grid 行

我正在使用ng-grid来显示正在上传的文件集合(每个文件都有自己的行)。如果一个/任何文件上传失败,我想修改该行并在其上放置一个类以显示上传失败。我将如何向整行添加一个类? 最佳答案 您必须使用行模板。在此模板中,您可以使用ng-class并通过数据绑定(bind)动态分配CSS类。一个简单的例子:HTMLJavaScriptvarapp=angular.module('myApp',['ngGrid']);app.controller('MyCtrl',function($scope){$scope.fileOneUploade

javascript - AngularJS $animate.enter 不添加 ng-enter 和 ng-enter-active 类

我正在尝试将$animate服务合并到我自己的指令中。我无法进入并离开以实际设置动画。奇怪的是,使用$animate.enter,元素附加到DOM,回调函数触发。但似乎从未添加ng-animate、ng-enter和ng-enter-active类。该元素只是简单地附加到DOM而没有动画。回调函数触发,但它会立即触发,而不是在应该发生的动画持续时间之后触发。leave也会发生同样的事情;元素立即从DOM中删除,回调立即触发;没有动画。$animate.entervarapp=angular.module('TestAnimation',[]);app.controller('TestA

javascript - AngularJs Ng-Keypress 事件工作不正常?

我正在使用Angularjs开发一个应用程序。我在输入类型=文本中使用ng-keypress事件。在文本中键入值时,我在按键功能中得到了错误的值。例如,如果我第一次输入“1”,我会得到undefined.第二次,键入任何其他值给出第一个值varangularapp=angular.module('nameapp',[]);angularapp.controller('NameCtrl',function($scope){$scope.getValue=function(){alert($scope.NodeId_1);//Herefirsttimeundefinediscomingan