草庐IT

NG-BIND-HTML

全部标签

javascript - angularjs 中 ng-repeat 的自动对焦

我使用ng-repeat获取多个电话号码AddPhone在Controller中$scope.addPhone=function(){$scope.phones.add('');}每当我添加新手机时,它都会自动自动对焦输入。它很好用。但是当我重新加载(从链接打开)View时,它会滚动到最后一个条目。我如何在第一次加载View时避免自动对焦。只有我想在添加新手机时自动对焦。 最佳答案 尝试:AddPhoneJS:$scope.addPhone=function(){$scope.phones.push('Phone'+Math.ran

javascript - 如何根据对象中的值显示/隐藏 ng-repeat 中的元素? Angular 型

好的,我正在尝试找出如何根据item.Status的值显示列表中每个项目的各种操作按钮。例如:如果item.Status是'New',我只想显示编辑按钮。解决这个问题的最佳方法是什么?此外,该解决方案需要能够支持多个值。例如,删除按钮只会显示'New'和'Completed',但不会显示'InProgress'。这可以只用ng-show来完成吗?#{{item.Id}}{{item.RecipientName}}{{item.RecipientCompany}}{{item.Status}} Remind View Edit Close 

javascript - 在 html5 Canvas 上拖动和调整图像大小

我正在构建一个HTML5Canvas图像编辑器。将图像上传到Canvas后,我需要拖动并在Canvas上调整大小。我设法上传了一张图片并使其可以在Canvas上拖动。但我需要让它也可以沿着Canvas调整大小。提前致谢。varImg=newImage();Img.src=file;Img.onload=function(){context.drawImage(Img,50,0,200,200);}mouseMove=function(event){if(down){context.clearRect(0,0,800,500);context.translate(0,-50);conte

javascript - AngularJS 输入 ng-model 不更新

我正在尝试创建一个具有隔离范围的简单分页指令。出于某种原因,当我手动更改值时,它会变得有点挑剔。这是我的问题:当我向前和向后翻页时,效果很好。太棒了当我在字段中输入页面时,它会起作用。太棒了但是,如果我在该字段中输入一个页面然后尝试前进和后退,在我在该字段中输入一个页面后ng-model似乎会中断。当我没有隔离我的范围时,我让它工作,但我很困惑为什么它会破坏它。这是我的代码:HTML:指令:'usestrict';angular.module('facet.directives').directive('paginate',function(){return{restrict:'E',

javascript - AngularJS:父范围未在指令中更新(具有隔离范围)双向绑定(bind)

我有以下代码,也可以在http://jsfiddle.net/garukun/u69PT/上摆弄.查看:{{pkey}}JS:vartestApp=angular.module('testApp',[]);testApp.directive('testDirective',function($timeout){return{scope:{key:'=parentItem',parentUpdate:'&'},replace:true,template:'{{key}}'+'Lock'+'',controller:function($scope,$element,$attrs){$sco

javascript - 取消绑定(bind) window.onbeforeunload() 取消

我将一个函数绑定(bind)到一个事件上window.onbeforeunload=function(){somefunction()}正在按计划进行卸载,但是如果他们取消了onbeforeunload,该功能仍然附加,是否可以检查用户是否取消了onbeforeunload 最佳答案 其实我发现很简单:我只要设置window.onbeforeunload=null;对于运行前的每次点击,允许事件处理程序在之后运行。 关于javascript-取消绑定(bind)window.onbefo

javascript - 简单的 ng-change 在 angularjs 中无法正常工作

我可能会愚蠢地遗漏了一些东西,因为这个简单的代码没有按预期工作。问题是MainCtrl中的$scope.change函数不起作用(没有弹出警告框)。一言以蔽之,景就是(Jade,更好看?)...label(ng-repeat="questioninquestions")|{{question.title}}input(type="{{question.type}}",ng-change="change()")在Controller文件中angular.module('epfApp').controller('MainCtrl',function($scope,$window){$sco

asp.net - 如何让Html Link(anchor)像LinkBut​​ton一样做postback?

我想问一下如何制作一个htmlanchor(一个元素)甚至任何对象来执行回发或执行服务器端方法?我想创建一个自定义按钮(用一些div包装来做一些自定义)并且我想实现OnClick使其看起来像ASP.NETLinkBut​​ton?喜欢Justasimplelinkbutton 最佳答案 使用服务器端html控件,HtmlAnchor这是服务器端的标签。Justasimplelink 关于asp.net-如何让HtmlLink(anchor)像LinkBut​​ton一样做postback

javascript - 如何在 HTML 页面中正确存储 HTML 模板?

我有一些小的模板字符串,它们将通过同一页面上的Mustache.js呈现。我不需要为模板创建单独的html文件。存储模板的选项:存储在javascript变量中:Hackish多行字符串,大量转义引号。存储为隐藏div的innerHTML。我尝试了方法#2,但它似乎无法正常工作。fiddle:http://jsfiddle.net/RHwnq/2/{{#name_list}}{{name}}{{/name_list}}vartemplate=$('#tableTemplate').html();console.log(template);这个日志:{{#name_list}}{{nam

javascript - ng-click 不适用于 ng-if

为什么在使用ng-if时第二个按钮不起作用?我想实现一个按钮,该按钮仅在设置模型值时出现/不是“”/不为空。模板:XYController:angular.module('test',[]).controller('Main',function($scope){//nothingtodohere});玩转:JSFiddle 最佳答案 使用ng-show而不是ng-if。这应该有效。Fiddle 关于javascript-ng-click不适用于ng-if,我们在StackOverflow