草庐IT

angularjs-ng-disabled

全部标签

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - 如何在 AngularJS 中存储用户 session ?

我刚刚开始使用AngularJS,我正在尝试将用户session存储在我的AngularApp上。提交用户名和密码的第一步有效。之后,我将从服务中检索到的username存储在$rootScope中。下一页可以显示存储的用户名。但是在刷新之后,$rootScope是空的。我正在尝试做一个尽可能简单的身份验证系统。myApp.controller('loginController',['$scope','$rootScope','$location','AuthService','$route',function($scope,$rootScope,$location,AuthServi

javascript - Angularjs + Typescript,如何将 $routeParams 与 IRouteParamsService 一起使用

我正在使用$routeParams从URI中提取属性并为它们设置本地变量。当我使用typescripts键入设置$routeParams的类型时,我无法登录访问$routeParams。如何访问$routeParams中的属性?classController{constructor($routeParams:ng.route.IRouteParamsService,private$location:ng.ILocationService)this.propetry1=this.getProperty1($routeParams.property1);}property1:string;

javascript - 带有 ng-repeat、ng-show "Show more"和延迟加载的 Angular 指令

我使用此指令,遍历数组“myArr”,过滤一些条件。这给了我两个问题,我想就此征求意见:a)ng-show部分在那里是因为我有一个条件可以处理这个:Showmore为了显示或隐藏“显示更多”部分。我想不出另一个关于切换这个和/或项目本身的想法。$scope.visible在Controller内部设置为10,一旦我们开始。我无法使用limitTo,因为它无法让我确定是否还有更多要显示的内容,因为它当然会将数组“切碎”到设定的限制。b)在指令内部,模板打印一个标签。只要这些图像未显示在上述结构中,我如何才能阻止它们加载?提前致谢! 最佳答案

javascript - 如何在 AngularJS 中加载内容时添加微调器?

我在加载内容时使用按钮微调器,当用户单击“搜索”按钮时内容将加载,此时buttonLabel将更改为“搜索”并显示微调器(此处按钮将被禁用)。加载内容后(promise已解决)buttonLabel将恢复为“搜索”(按钮将在此处启用)。我试过下面的代码,但它总是显示微调器。HTML:{{buttonLabel}}脚本:$scope.buttonLabel="Search";$scope.show=function(){$scope.buttonLabel="Searching";$scope.test=TestService.getList($cookieStore.get('url'

javascript - 为什么 angular ng-disabled 与 bootstrap btn 类一起使用?

我有一个anchor标记,ng-disabled指令根本不起作用。它适用于按钮,但只要我将Bootstrap的btn类添加到anchor标记,Angular的ng-disabled就会开始正常工作!这是如何运作的? 最佳答案 ngDisabled仅适用于响应disabled的元素属性(输入、文本区域、单选按钮、按钮标签...等)。在Bootstrap中,您必须将“禁用”类添加到您的btn元素。看起来像这样:I'mabutton!要以Angular执行此操作,请在指令/Controller中定义一个变量,如下所示:$scope.dis

javascript - 如何在 ng-options 中设置默认值

我可以在angularjs中设置一个带有默认值的下拉列表,{{option.name}}如何使用ng-options实现同样的效果?我用,但是没有用。samplefiddleishere 最佳答案 使用ng-init为ng-options设置默认值。这是:demo 关于javascript-如何在ng-options中设置默认值,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/33

javascript - 如何在 AngularJS 中将消息从一个 Controller 发送到另一个 Controller ?

我有以下设置:stApp.controller('AdminTableController',['$rootScope','$scope','gridService',function($rootScope,$scope,gridService){$scope.$watch('tableData.$pristine',function(newValue){$rootScope.broadcast("tableDataUpdated",{state:page.$pristine});});}])stApp.controller('AdminGridController',['$rootS

javascript - jQuery 不适用于 ng-repeat 结果

我正在使用ng-repeat使用jQuery和TB构建Accordion。出于某种原因,这在硬编码时工作完美,但在ng-repeat指令内部时无法触发点击。我认为问题出在jQuery没有绑定(bind)事后加载的元素。因此,我认为与其在页面加载时加载脚本,不如在返回数据时在.success上加载函数会更好。不幸的是,我不知道如何进行这项工作。测试页:http://staging.converge.io/test-jsonController:functionFetchCtrl($scope,$http,$templateCache){$scope.method='GET';$scope

javascript - 在滚动事件 AngularJS 之后在 Controller 中执行函数

假设我有一个堆叠的文章供稿:{{article.title}}{{article.body}}滚动浏览每篇文章时:...我想执行一个函数:.controller('AppCtrl',['$scope',function($scope){$scope.atNewArticle=function(){console.log(article);}}])我很难找到执行此操作的正确方法,因为我不确定是否应该将滚动事件绑定(bind)到窗口或检测指令元素本身的偏移量。到目前为止,这是我尝试过的:http://jsfiddle.net/6VFJs/1/ 最佳答案