草庐IT

ng-touchstart

全部标签

javascript - 如何使用ng-checked在angularJs中预选复选框

我似乎无法让它工作。所以我有一堆电影类型,我希望检查它们是否是用户数据库中的类型。这是我的代码%section(ng-controller="UserCtrl"ng-init="user_genres=#{preferred_genres}")%ul%li(ng:repeat="genreinpreferred_genres")%input(type="checkbox"ng:model="preferred_genres[genre]"id="genre-{{$index+1}}"ng-checked="user_genres['{{genre}}']")%label{:for=>"

javascript - 在 AngularJS 中,如何使一个独立的范围继承自 ng-repeat 的范围

我正在尝试创建一个在ng-repeat循环中接收参数的自定义组件。因此,例如,假设我有一个名为“mycomp”的组件,它在ng-repeat中接收自定义参数“name”:在我的指令中,隔离范围定义如下:scope:{name:"@"}那是行不通的,因为ng-repeat为它迭代的每个元素创建了一个独立的范围。所以我最终得到了两个级别的范围。我该如何解决这个问题?我做错了什么吗?谢谢。 最佳答案 正如我在对您的原始问题的评论中所述,这已经得到解答。无论如何,总结如下:在您的模板中,声明您想要继承的模型,不要使用{{}}(因为使用括号会

javascript - 如何防止在 ng-dblclick 上选择 AngularJS 中的文本?

我有一个带有ng-dblclick='doSomthing()'的元素,它工作正常,但也有选择元素中文本的丑陋副作用。有什么办法可以避免吗? 最佳答案 尝试将这些css规则添加到您要阻止文本选择的类或div.myClass{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;}

javascript - 在选择框选项上使用 ng-hide 或 ng-show

是否可以使用ng-hide指令隐藏选择框选项?http://jsfiddle.net/cr4UB/OneTwoThree{{myDropDown}} 最佳答案 AngularJS1.1.5有一个指令ng-if可以为你工作。检查这个fiddlehttp://jsfiddle.net/cmyworld/bgsVw/ 关于javascript-在选择框选项上使用ng-hide或ng-show,我们在StackOverflow上找到一个类似的问题: https://s

javascript - ng-model 和 ng-model-instant AngularJS 之间的区别

ng-model和ng-model-instant有什么区别?我什么时候可以使用ng-model-instant和ng-model?你能举个例子吗?谢谢。 最佳答案 ng-model-instant在1.0候选发布版本之一中被删除,ng-model现在以这种方式运行。在1.0RC之前,每次按键都会触发ng-model-instant,每次模糊都会触发ng-model。参见thechangelog. 关于javascript-ng-model和ng-model-instantAngular

javascript - 如何在 ng-model 中使用日期过滤器?

这看起来应该很简单,但它让我望而却步。我想将我的日期字符串转换为日期对象并过滤它的显示方式。我有一个简单的Angular应用和ControllermyApp.controller('myAppCtrl',function($scope){$scope.MyDate=Date("2014-09-23T15:26:49.1513672Z");})我从服务器返回了JSON,我正在使用的日期是上述格式的字符串来自关于datefilters的Angular文档{{1288323623006|date:'medium'}}这有效,输出是:2010年10月28日晚上8:40:23当我尝试按如下方式在

javascript - Angular2 *ng用于推开元素的动画

我看过很多关于进入或离开元素(下图中的“新元素”)的动画教程,但是被推开的其余元素(元素1和2)通常只是传送到它们的新位置.有没有一种方法可以让其他元素很好地移动,就像附图中所描绘的那样? 最佳答案 您可以使用angular2animationAPI实现它。PlunkerExample@Component({selector:'my-app',template:`{{item.name}}Push`,animations:[trigger('anim',[transition('*=>void',[style({height:'*'

javascript - IE11 使用 AngularJS 的 ng-repeat 渲染变慢/卡住

目前我有一个非常微妙的问题需要用IE11和AngularJS解决。我的页面由两个嵌套的ng-repeat组成,用于在任何选项卡内创建一个带有表格的选项卡集。这里是代码:http://pastebin.com/0fffPz5Z在代码中,每个应用程序的对象都有大约1.000个项目的相关对象。使用Chrome、Safari和Mozilla我没问题,一切都超快!使用IE11,页面变慢,IE11显示页面脚本太慢的消息....我用这个结果创建了一个IE11界面的分析:https://www.dropbox.com/s/y5xuystxht6gjkr/IE11-interface-profiling

javascript - 如何使用 ng-change 获取字段的值

我知道如何在AngularJS中使用ng-change对文本区域中的用户输入使用react。但是我怎样才能获得AngularController中的当前输入呢?我在jQuery中遗漏了类似$(this).value();的内容。angular.module('changeExample',[]).controller('ExampleController',['$scope',function($scope){$scope.evaluateChange=function(){console.log("HowdoIgetthecurrentcontentofthefield?");};}

javascript - Angular - ng-hide 和 ng-show 的事件

我想在我的应用程序的所有元素上观看我的隐藏和显示表达式。我知道我可以通过用一个只返回参数的函数包装show指令来做到这一点:但是,我想在我的应用程序中观看所有输入的所有隐藏/显示,以上内容还不够好。我也可以重载ngShow/ngHide指令,尽管我需要重新计算表达式。我也可以只修改源代码,因为它非常简单:varngShowDirective=['$animator',function($animator){returnfunction(scope,element,attr){varanimate=$animator(scope,attr);scope.$watch(attr.ngSho