草庐IT

Angular-ui

全部标签

javascript - kendo ui Angular 网格选择事件

我正在尝试在AngularJS中处理来自KendoUI网格的选择事件。我的代码已按以下方式运行。但是,感觉这是一种必须获取所选行的数据的非常讨厌的方式。特别是使用_data。有更好的方法吗?我的方法有误吗?$scope.onSelection=function(e){console.log(e.sender._data[0].id);} 最佳答案 请尝试以下操作:$scope.onSelection=function(kendoEvent){vargrid=kendoEvent.sender;varselectedData=grid

javascript - Angular UI Modal 2方式绑定(bind)不起作用

我正在添加一个AngularUI模态,我将范围传递到模态窗口以进行2种方式绑定(bind)。我使用resolve方法来传递范围值。这样做的工作方式意味着当父级中的ng-model值发生变化时,它会反射(reflect)在模态窗口内。但是,如果模态窗口内的值发生变化,则不会反射(reflect)在父ng-model中。这是我的代码:HTML:ClickMe{{textbox}}Controller:varapp=angular.module('app',['ui.bootstrap']);app.controller('ParentController',function($scope,

javascript - AngularJS ngModel 在 ui-bootstrap tabset 中不起作用

下面的代码说明了这个问题:AngularJSPlunkerangular.module('plunker',['ui.bootstrap']).controller('MainCtrl',function($scope){$scope.changes=0;$scope.updateValueInScope=function(){$scope.valueInScope=$scope.value;$scope.changes++;}});value:{{value}}valueInScope:{{valueInScope}}changes:{{changes}}value:{{value}

javascript - 如何使用 Kendo UI 查询本地 websql 数据库

如果这个问题对SO而言过于宽泛,请原谅我,但我正在努力寻找我需要的任何示例,并且认为有人可以为我指明正确的方向。我刚开始使用KendoUImobile,我正在尝试查找用于在kendouimobile中创建/查询本地客户端websql数据库的教程或任何示例代码。文档中没有任何内容...有人能帮忙吗?提前致谢 最佳答案 您可以为Kendo数据源创建自定义传输。例如在transport.read您可以对您的websql数据库执行查询并返回结果:vardataSource=newkendo.data.DataSource({transpor

javascript - Angular.js 从指令到 Controller 的返回值

我对指令有疑问。我找到了这个插件:http://allensarkisyan.github.io/VideoFrame/,现在我的Controller中有这个插件实现:HTMLMARKINMARKOUTPICTUREControllermwm3.controller('newSegmentationCtrl',function($scope,$timeout,SegmentationService,$route){varjsonTimecodeArr=[];varjsonPictureArr=[];varpictureObj=newObject();varLogicalMedia=ne

javascript - Angular 计时器指令不适用于 ionic 框架

我在使用ionic框架实现Angular计时器指令时遇到问题。http://siddii.github.io/angular-timer/当我使用bower或googlecdn实现代码时,我没有遇到任何问题。PlainJavascriptTimerExamplefunctionstartTimer(){document.getElementsByTagName('timer')[0].start();}functionstopTimer(){document.getElementsByTagName('timer')[0].stop();}PlainJavaScript-TimerEx

javascript - 以 Angular 2 动态更改标题字符串

在我的应用程序中,我试图根据我所在的页面动态更改标题组件中的标题,所以在我的标题组件中,我想使用{{title}}我希望它根据我所在的页面而改变。现在标题是固定的,所以它在每个页面上下面是我试图改变的图像基本上,如果我在主页上,我希望它显示主页,然后如果我在关于页面上,我希望它更改为关于..不确定我该怎么做,我研究的所有内容都是为了更改中的标题。标签 最佳答案 您可以创建一个专门用于更新标题组件中的标题的服务。只需在您的header组件中注入(inject)服务并订阅专用的BehaviorSubject.然后您可以在您拥有的任何组件

javascript - 我们能否使 JQuery UI 可拖动/可排序以在鼠标右键上工作

我有一个页面,该页面具有绑定(bind)到鼠标左右键的功能,即。鼠标左键可拖动/排序,鼠标右键可自定义上下文菜单。我想做的是切换功能,使上下文菜单在单击鼠标左键时起作用,而JQueryUIDraggable/Sortable在单击鼠标右键时起作用。感谢您的帮助。PS:我可以让自定义上下文菜单在鼠标左键上工作。所以我只需要JQueryUIDraggable/Sortable方面的帮助。谢谢。 最佳答案 实际上,如果不破解jQueryUI代码是不可能的。我不知道你为什么要使用这种行为,因为这会让你的最终用户感到困惑,但这里有一个可能的解

javascript - transclude : true and replace: true in Angular Js之间的基本区别

嘿,我是angularjs的新手,所以我正在浏览angularjs.org文档来制作自定义指令。我想知道transclude和replace之间的基本区别。我见过几个例子,其中他们使用transclude:true和replace:true作为自定义指令。抱歉,如果这是angularjs中的基本问题。只是让我的基础知识清楚。 最佳答案 当您使用transclude时,您将在您的页面上的自定义标签内包含任何可用的html。例如,如果您有:sometext段落标签将包含在您拥有的位置:template:'',因此您到页面的输出将显示为:

javascript - 如何禁用 Angular 2 中的浏览器后退按钮

我正在使用Angular2开发一个网站。有什么方法可以使用Angular2禁用或触发浏览器后退按钮吗?谢谢 最佳答案 不确定这是否已经排序,但仍然发布答案以供将来引用。要解决这个问题,您基本上需要在您的应用程序组件中添加一个监听器并设置一个canDeactivate。守卫你的Angular路由器。//inapp.component.tsimport{LocationStrategy}from'@angular/common';@Component({selector:'app-root'})exportclassAppCompone