草庐IT

angular-controller

全部标签

javascript - 单击 Angular UI Bootstrap 单选按钮

我正在尝试使用在UIBootstrap中实现的单选按钮,通过在按钮上包含一个ng-click来触发一个功能。显然,单选按钮变量在函数被调用后更新。我创建了一个Plunker来显示此行为并解释函数使用变量内容触发警报的问题。RadioButtonsPlunker有没有简单的方法可以解决这个问题。也许通过使函数等待变量更新... 最佳答案 是的,简单的修复。在单选按钮上使用ng-change而不是ng-click。参见http://plnkr.co/edit/0Jf4qrpHAXY8MeeVA3kl?p=preview

javascript - 在输入或按钮单击时将输入值传递给 Controller

我正在尝试开始为我正在开发的Ionic应用程序学习AngularJS,但我在理解AngularJS时遇到了一些困难,因为之前的大部分jQuery经验都侧重于DOM操作而不是框架。如果我有以下标记:Send单击输入或发送时如何将输入值传递给Controller​​?我正在开发一个聊天应用程序,所以我认为需要一种模型方法,以便可以自动更新消息线程,但除此之外我一无所知。有人可以帮助我,或者至少给我指出正确的方向吗? 最佳答案 有几种方法可以将值传递给Controller​​。这是最简单的例子。正如贾斯汀所说,您应该研究Angular基础

javascript - Angular +剑道: Default placeholder for drop down list

我想知道如何在kendoui+angular中为下拉列表设置占位符。目前我有:模板Controller...$scope.options={dataTextField:'label',dataValueField:'id',dataSource:{data:[{"label":"PleaseSelect..."},{"id":"linear","label":"SampleLinear"},{"id":"bar","label":"SampleBar"}]}};...如果我用后端调用替换数据源,我就不能在那里使用“请选择”。有没有其他方法可以解决这个问题?我尝试按照本link中的说明使

javascript - Controller 如何在 Extjs 应用程序中与 MVC 一起使用

我是Extjs的新手,在阅读了一些关于ExtjsMVC模式的教程和博客之后,我不清楚如何在extjs平台上构建一个复杂的应用程序(比如10-15个页面导航)。来自sencha论坛,建议所有Controller都需要在app.js中预先定义(因为与加载DOM的UI相比,预先加载Controller不会影响性能。请注意,这是由sencha论坛管理员)。通过上述方法,我有几个问题:Controller何时被实例化?它们是否都在应用加载时加载和实例化,并一直监听其中定义的事件直到应用的生命周期?在Controller类中定义Models[]、Stores[]和Views[]是什么意思?它们何时

javascript - Angular.js 中的部分 HTML 字符串转义

我已经阅读了Angular转义默认情况下的所有内容和$sce的方法。,所以我用$sce.trustAsHtml()将数据列入白名单通过过滤器(因为$sce在服务中不起作用),像这样:但问题是,我不信任HTML的某些部分。要深入了解细节-我有translations其中包含HTML,但其中包含可替换的标记/变量。所以translationssupportHTML,但我不希望提供的标记包含HTML。我的过滤器logEntry内部看起来像这样:vartranslated=$translate('Log.'+msg.context.entity_type)+'.'+msg.context.ac

javascript - Angular.js 动画

我有一个包含ng-repeat的block,它的定义如下:...目前,我可以通过单击某些元素在这些block之间切换。正如您可能已经猜到的那样,它通过ng-show="isPageSelected(item.page)"工作。一切正常,但它们会立即切换,我想添加一个动画,一个简单的淡入/淡出就可以了。因此,不再选择的block应该淡出,当它消失时,新block应该淡入。当我使用ngAnimate时,它们会同时淡入和淡出。我需要第一个block完全消失并用display:none;隐藏,完成后下一个block应该出现并淡入。使用jQuery时这是一个相当简单的任务,但我该怎么做优雅地使用

javascript - DatePicker Angular

我有datepicker和Angular.这是问题:如何防止用户写入输入?我只想让用户从弹出窗口中添加日期。 最佳答案 使用html的readonly属性 关于javascript-DatePickerAngular,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/27875624/

javascript - 为什么像angular这样的项目,常用功能都有自己的版本?

我试图更好地理解或更新我的逻辑——例如在Angular中它有angular.forEach()。我认为这是因为Controller(或一般模块)中的代码-无法访问浏览器api(函数和对象等)-就此而言,浏览器的forEach函数。但只是在我试图更好地理解它/证明其基本原理时对其进行了测试——并且这两个console.log()表达式都有效。angular.module('myApp',[]).controller('JCtrl',['$scope',function($scope){$scope.test='scopeandbindingworks';[0,1,4].forEach(f

javascript - Angular JS 飞行购物车动画指令

目前,我正在尝试创建一个Angular指令,为“飞行购物车”设置动画。我发现了很多使用jQuery的解决方案,但没有一个是在纯Angular指令中完成的。我想实现的jQuery飞行推车演示在这里...原始jQueryFlyingCartCodepen:http://codepen.io/ElmahdiMahmoud/pen/tEeDn我对Angular指令没有那么丰富的经验,无法确切地知道如何实现这一点。我已经开始了自己的Codepen,希望弄清楚它,但我无法理解需要发生什么以及如何发生。我目前的代码笔:http://codepen.io/anon/pen/emKoov?editors

javascript - html5视频结束时调用AngularJS Controller 函数

我的应用主页上有一段视频,当我启动它时会播放。当视频结束时,我想使用一些CSS3过渡来移动页面。在视频的结尾,我希望能够调用一个angularJSController函数。'usestrict';angular.module('app',['ionic']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('home',{url:"/home",templateUrl:'views/home.html',controller:'homeCtrlasctrl'}).state('project