Tag: angularjs

如何在AngularJS中有条件地应用CSS样式?

Q1。 假设我想在主“删除”button被按下之前改变用户标记为删除的每个“项目”的外观。 (这种即时的视觉反馈应该消除对“你确定吗?”对话框的需求。)用户将检查checkbox以指示哪些项目应该被删除。 如果一个checkbox未选中,该项目应该恢复到正常的样子。 什么是应用或删除CSS样式的最佳方式? Q2。 假设我想让每个用户个性化我的网站是如何呈现的。 例如,从一组固定的字体大小中select,允许用户可定义的前景色和背景色等。 什么是最好的方式来应用CSS样式的用户select/input?

如何获得自定义指令中的评估属性

我试图从我的自定义指令得到一个评估属性,但我找不到正确的方式做到这一点。 我已经创build了这个jsFiddle来详细说明。 <div ng-controller="MyCtrl"> <input my-directive value="123"> <input my-directive value="{{1+1}}"> </div> myApp.directive('myDirective', function () { return function (scope, element, attr) { element.val("value = "+attr.value); } }); 我错过了什么?

AngularJS app.run()文档?

app.run()如何以及在哪里使用? 在模块定义之后,在app.config()或app.controller() ? 我正在采用BreezeJS Angular Q ,它询问是否可以在app.run()函数中运行某些代码。

在AngularJS中使用UI-Router将状态redirect到默认子状态

我正在创build一个基于标签的页面,显示一些数据。 我在AngularJs中使用UI-Router来注册状态。 我的目标是在页面加载时打开一个默认选项卡。 每个选项卡都有子选项卡,我希望在更改选项卡时打开一个默认的子选项卡。 我正在testing与onEnter函数和内部我使用$state.go('mainstate.substate'); 但似乎不工作,由于循环效应问题(在state.go子状态,它调用其父状态,等等,它会变成一个循环)。 $stateProvider .state('main', { url: '/main', templateUrl: 'main.html', onEnter: function($state) { $state.go('main.street'); } }) .state('main.street', { url: '/street', templateUrl: 'submenu.html', params: {tabName: 'street'} }) 在这里,我创build了一个plunker演示 。 现在一切正常,除了我没有默认选项卡打开,这正是我所需要的。 感谢您的build议,意见和想法。

dynamic加载AngularJS控制器

我有一个现有的页面,我需要删除angular度的应用程序与控制器,可以dynamic加载。 这里有一个片段,它根据API和我发现的一些相关问题来实现我最好的猜测: // Make module Foo angular.module('Foo', []); // Bootstrap Foo var injector = angular.bootstrap($('body'), ['Foo']); // Make controller Ctrl in module Foo angular.module('Foo').controller('Ctrl', function() { }); // Load an element that uses controller Ctrl var ctrl = $('<div ng-controller="Ctrl">').appendTo('body'); // compile the new element injector.invoke(function($compile, $rootScope) { // the linker here throws the exception […]

Angular IEcaching问题$ http

从IE发送的所有ajax调用都被Angularcaching,并且我得到了一个对所有后续调用的304 response 。 虽然要求是一样的,但是对我来说这个回应是不一样的。 我想禁用这个caching。 我试着将cache attribute添加到$ http.get,但仍然没有帮助。 这个问题怎么解决?

Angular指令 – 何时以及如何使用编译,控制器,前链接和后链接

在编写Angular指令时,可以使用以下任何函数来操作DOM行为,声明指令的元素的内容和外观: 编 调节器 前链路 后链接 应该使用哪个function似乎有些困惑。 这个问题包括: 指令基础 如何声明各种function? 源模板和实例模板有什么区别? 指令函数以何种顺序执行? 这些函数调用之间还会发生什么? function性质,做和不做 编 调节器 预链接 post链接 相关问题: 指令:链接vs编译与控制器 。 定义angular.js指令时,“控制器”,“链接”和“编译”函数之间的区别 。 在angularjs中编译和链接函数有什么区别 。 AngularJS指令中的预编译和后编译元素之间的区别? 。 angularJS指令 – 模板,编译或链接? 。 张贴链接vs Angular js指令中的前链接 。

AngularJS:如何使ng-include内的angular度加载脚本?

嘿,我正在build立一个angular度的网页。 问题是有些东西已经没有angular度地构build,我也必须包括它们 问题是这个。 我在main.html中有这样的东西: <ngInclude src="partial.html"> </ngInclude> 而我的partial.html有这样的东西 <h2> heading 1 <h2> <script type="text/javascript" src="static/js/partial.js"> </script> 而我的partial.js与angularjs无关。 nginclude工程,我可以看到的HTML,但我看不到所有的JavaScript文件被加载。 我知道如何使用萤火虫/铬开发工具,但我甚至不能看到正在build立的networking请求。 我究竟做错了什么? 我对angular色标签有一些特殊的含义。 我可以重写吗?

AngularJS-每个路由和控制器中的login和authentication

我有一个使用yeoman,grunt和bower创build的AngularJS应用程序。 我有一个login页面,有一个控制器来检查身份validation。 如果凭证是正确的我重新路由到主页。 app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { templateUrl: 'forgotpassword.html', controller: 'forgotController' }) .when('/home', { templateUrl: 'views/home.html', controller: 'homeController' }) .otherwise({ redirectTo: '/login' }); // $locationProvider.html5Mode(true); //Remove the '#' from URL. […]

在angular度显示$ http请求期间显示Spinner GIF

我正在使用angular度的$http服务来发出ajax请求。 如何在ajax请求期间显示加载器gif? 我没有在文档中看到任何ajaxstartevent或类似的事件。