Tag: angularjs

如何添加多个条件到“禁用”？: 在启用button之前，我需要检查两个条件是否都是真的。这里是一个例子： <button type="submit" ng-disabled="frmUser.pw2.$error.pwMatch" class="btn btn-primary" ng-click="ChangePassword()">Change</button> 此示例仅在ng-disabled包含一个条件。我将如何添加另一个如范围variables？

Ui-Router $ state.go（）不刷新数据: 我在我的Angular应用程序中有产品列表状态和产品编辑/添加状态。产品列表数据被加载到控制器（我不认为我需要解决在状态configuration定义）从ngResource获取数据： function InventoryListCtrl (myResource) { var vm = this; myResource.query(function (data) { vm.products = data; }); } 在编辑控制器上，编辑产品后，我回到列表状态，如下所示： vm.product.$update().$promise; $state.go('productList'); 它不总是加载新数据的列表，它通常在第一次运行时显示旧数据，然后在我第二次更新并手动返回列表状态后，每次更新后开始刷新。我试过这个，但是也没有工作： vm.product.$update().$promise; $state.go('productList', {}, { reload: true }); 我错过了什么？

从angular度控制器closuresTwitter Bootstrap模态: 我有一个模式窗口，我用来向用户展示一个表单。他们input的信息，然后按下一个button，有一个ng点击。服务器处理请求并发送回应。当响应成功时，我想closures控制器的模态窗口。这怎么能实现？模态是另一个页面中的一个部分主页： <!– main content –> <p>Foo</p> <!– angular directive –> <foo-directive></foo-directive> 该指令的内容： <div ng-controller="FooCtrl"> <ul class="thumbnails"> <li class="span3 tile tile-white" ng-repeat="foo in model.foo"> <div> {{foo.bar}} </div> <div> ({{foo.bam}}) </div> <div> <a data-toggle="modal" href="#myModal"><img src="{{foo.imgPath}}"></a> </div> </li> </ul> <!– foo modal partial included by ejs –> <% include foo_modal.ejs %> […]

告诉Angs Js忽略一个特定的路线: 我已经在Angular中build立了我的路由，并且工作正常： $locationProvider.html5Mode(true); $routeProvider. when('/', { templateUrl: '/Home/Index' }). when('/User', { templateUrl: '/User/Index' }); 不过，我现在有一个定位标记作为注销button，将用户redirect到/用户/注销，然后注销将login用户，并将其redirect到login页面。所以我想要的是angularjs忽略这个特定的路线，并允许它做一个正常的httpredirect。这似乎是应该很容易，但我一直没能find解决问题的办法。我知道我可以做一个点击事件，并在click事件中做一个window.location改变，但这似乎是一个非常冒险的方式来做到这一点。

JSHint（r10）：“angular”没有定义: 我有以下几点： angular.module('test') .controller('TestMenuController', [ '$http', '$scope', '$resource', '$state', 'os', 'us', function ( $http, $scope, $resource, $state, os, us) { 当我在VS2014中构build它时，它给了我一个错误信息： JSHint (r10): 'angular' is not defined. 有人能告诉我怎样才能避免这个消息？

AngularJS withCredentials: 我一直在做一个AngularJS项目，它必须发送AJAX调用restfull web服务。这个webservice是在另一个域，所以我不得不在服务器上启用cors。我通过设置这些标题做到了这一点： cresp.getHttpHeaders().putSingle("Access-Control-Allow-Origin", "http://localhost:8000"); cresp.getHttpHeaders().putSingle("Access-Control-Allow-Credentials", "true"); cresp.getHttpHeaders().putSingle("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT"); cresp.getHttpHeaders().putSingle("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With"); 我能够将AngularJS的AJAX请求发送到后端，但是当我尝试获取会话属性时，我遇到了一个问题。我相信这是因为sessionid cookie不会发送到后端。我能够通过设置withCredentials为true来解决这个问题。 $("#login").click(function() { $.ajax({ url: "http://localhost:8080/api/login", data : '{"identifier" : "admin", "password" : "admin"}', contentType : 'application/json', type : 'POST', xhrFields: { withCredentials: true }, success: function(data) { console.log(data); }, error: function(data) { console.log(data); } […]

跳过ng-repeat中的第一项: 我想跳过ng-repeat中的第一个项目 ..first item here <ul class="highlight-topright"> <li ng-repeat="item in hpHeadlines | filter:$index>0"> … </li> </ul> 它不工作，这里有什么不对吗？我明白，我可以使用ng-if，ng-show来隐藏东西，但我不明白为什么在这种情况下，1.3.x中的filter不起作用。谢谢。

如何获得不使用jQuery的元素的offset（）。top值？: 我正在使用Angular框架编写一个单页面的应用程序。我是新来的。我已阅读本指南以帮助我理解jQuery和Angular之间的根本区别，我希望尽可能地遵循此指南，而不要使用jQuery。除了jQuery帮助解决一些浏览器的不兼容问题，并提供了一个有用的函数库，就像在$('element').offset().top能够知道窗口顶部元素的顶部位置一样$('element').offset().top 。没有简单的Javascript似乎能够接近不重写这个function，在这一点上使用jQuery或jQuery像库是不是一个更好的主意？具体来说，我试图做的是build立一个指令，修复一个元素的位置，一旦它的顶部被滚动到窗口中的某个位置。以下是它的样子： directives.scrollfix = function () { return { restrict: 'C', link: function (scope, element, $window) { var $page = angular.element(window) var $el = element[0] var elScrollTopOriginal = $($el).offset().top – 40 $page.bind('scroll', function () { var windowScrollTop = $page[0].pageYOffset var elScrollTop = $($el).offset().top if ( windowScrollTop > elScrollTop – […]

用Jquery调用Angular函数: 当文本框中的数据如何调用angularfunction？这是我的代码 HTML <!DOCTYPE html!> <html xmlns:ng="http://angularjs.org" data-ng-app="flightSearch" lang="en"> <head> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/app.js"></script> </head> <body> <div data-ng-controller="flightSearchController"> <input type="text" data-ng-model="query" data-ng-change="flightSearch()" placeholder="eg RGN>MDL, KAW>RGN" id="targetTextField" /> <input id="options3" type="text" style="display:none;"/> <select id="options"> <option value="From" selected>From</option> <option value="RGN" ng-click="flightSearch()">RGN</option> <option value="NYU" ng-click="flightSearch()">NYU</option> <option value="MDL" ng-click="flightSearch()">MDl</option> <option value="HEH" ng-click="flightSearch()">HEH</option> </select> <select id="options2"> <option value="To" […]

用ng-repeat和嵌套循环添加行: 我正在寻找一种将行添加到表的方法。我的数据结构如下所示： rows = [ { name : 'row1', subrows : [{ name : 'row1.1' }, { name : 'row1.2' }] }, { name : 'row2' } ]; 我想创build一个如下所示的表格： table row1 row1.1 row1.2 row2 这是可能的angularjs ng-repeat？如果没有，那么做一个“angular度”的方法是什么？编辑：展平数组将是一个不好的解决scheme，因为如果我可以迭代子元素，我可以在单元格内使用不同的HTML标签，其他CSS类等