草庐IT

ng-focus

全部标签

javascript - 使用来自 json 的 ng-flow.js 填充图像文件

我正在使用ng-flow在我的AngularJS应用程序中上传文件。我能够成功保存数据以及通过ng-flow上传多个文件。但是,在查询数据并通过JSON获取数据时,我不确定如何将文件添加到每一行的ng-flow对象中。每个文件都在JSON字符串中进行base64编码。澄清一下,我得到了每口井,每口井都有名称、位置、许可证等和多张图片。除图像外,井的所有属性都已成功填充到DOM中。HTML:...UploadFile{{$index+1}}{{file.name}}{{file.msg}}AngularJSController内部:wellsFactory.getData($scope.

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 - 单击按钮时 Vue : How to call . focus()

我昨天才开始使用vue.js编码,我不知道如何在不使用“传统”JS方式(即document)的情况下“关注”文本框。getElementById('myTextBox').focus().最初,我的文本框是隐藏的。我有一个“开始”按钮,当用户点击它时,会显示文本框,我想在那里设置focus,可以这么说。我已经尝试使用ref,但无济于事(请参阅下面的代码)。HTML:Javascriptexportdefault{name:'game',methods:{startTimer(){setTimeout(function(){/*.focus()won'tworkwithoutthis*/

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