Questions tagged «angularjs»

我有一个使用yeoman，grunt和bower创建的AngularJS应用程序。 我有一个登录页面，该页面具有用于检查身份验证的控制器。如果凭据正确，我将重新路由到主页。 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 …

130 javascript  ruby-on-rails  angularjs  angularjs-authentication 

我正在尝试将页面添加到我的列表中。我遵循了有关智能手机的AngularJS教程，我试图仅显示一定数量的对象。这是我的html文件： <div class='container-fluid'> <div class='row-fluid'> <div class='span2'> Search: <input ng-model='searchBar'> Sort by: <select ng-model='orderProp'> <option value='name'>Alphabetical</option> <option value='age'>Newest</option> </select> You selected the phones to be ordered by: {{orderProp}} </div> <div class='span10'> <select ng-model='limit'> <option value='5'>Show 5 per page</option> <option value='10'>Show 10 per page</option> <option value='15'>Show 15 per page</option> <option value='20'>Show …

130 javascript  angularjs  paginate 

我正在使用带有过滤器的ng-repeat指令，如下所示： ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" 我可以看到渲染结果很好；现在我想在控制器上对该结果运行一些逻辑。问题是如何获取结果项引用？ 更新： 只是为了澄清一下：我正在尝试创建自动完成功能，我输入以下内容： <input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query"> 然后过滤的结果： <ul> <li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li> </ul> 现在，我想浏览结果并选择其中一项。

129 javascript  angularjs  filter  angularjs-ng-repeat 

我正在构建的应用程序要求用户设置4条信息，然后才能加载该图像。该图像是应用程序的核心，因此断开的图像链接使整个外观看起来很闷。我想在404上放另一张图片。 有任何想法吗？我想避免为此编写自定义指令。 令我惊讶的是，我找不到类似的问题，尤其是当文档中的第一个问题相同时！ http://docs.angularjs.org/api/ng.directive:ngSrc

129 angularjs  angularjs-directive 

如果protect_from_forgery在application_controller中提到了该选项，那么我可以登录并执行任何GET请求，但是在第一个POST请求上，Rails重置了会话，这使我注销。 我protect_from_forgery暂时关闭了该选项，但希望将其与Angular.js一起使用。有什么办法吗？

129 ruby-on-rails  angularjs  csrf  protect-from-forgery 

我在angularjs中有一个视图，我只是想显示当前日期（格式化）。我认为<span>{{Date.now() | date:'yyyy-MM-dd'}}</span>应该显示当前日期。

128 javascript  angularjs 

有谁知道在angularJS中使用美元方法和变量背后的原因是为了指示angularJS避免在进行消化时检查那些值？因此，如果遇到$scope.$valueand时遇到angular $scope.value，那么它将避免检查前者，因为它的变量名前带有美元字符？

128 angularjs 

我尝试了本文中写的所有内容：http : //www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api，但没有任何效果。我正在尝试从webAPI2（MVC5）获取数据，以使用angularJS在另一个域中使用。 我的控制器看起来像这样： namespace tapuzWebAPI.Controllers { [EnableCors(origins: "http://local.tapuz.co.il", headers: "*", methods: "*", SupportsCredentials = true)] [RoutePrefix("api/homepage")] public class HomePageController : ApiController { [HttpGet] [Route("GetMainItems")] //[ResponseType(typeof(Product))] public List<usp_MobileSelectTopSecondaryItemsByCategoryResult> GetMainItems() { HomePageDALcs dal = new HomePageDALcs(); //Three product added to display the data //HomePagePromotedItems.Value.Add(new HomePagePromotedItem.Value.FirstOrDefault((p) => p.ID == id)); List<usp_MobileSelectTopSecondaryItemsByCategoryResult> items …

128 c#  asp.net-mvc  angularjs  asp.net-web-api  cors 

我试图在我的项目中运行默认的服务单元测试（取自GitHub上的Angular Seed项目），但是我一直收到错误消息“模块未定义”。 我已经读到它可能与所引用的JavaScript文件的顺序有关，但是我似乎无法使其正常工作，因此希望你们中的一个能够提供帮助。 我的测试配置如下所示： basePath ='../'; 文件= [ 'public / javascripts / lib / jquery-1.8.2.js'， 'public / javascripts / lib / angular.js'， 'public / javascripts / lib / angular.js '， 'public / app.js ”， “ public / controllers / .js”， “ public / directives.js”， “ public / filters.js”， “ public …

127 unit-testing  angularjs  karma-runner 

等号后的问号有特殊含义吗？即： scope: {foo: '=?'} 上面的意思是“无法解决'foo'时不会引发错误？”

127 angularjs  angularjs-directive 

假设您有一个具有从数据库加载的值的表单。您如何初始化ng-model？ 例： <input name="card[description]" ng-model="card.description" value="Visa-4242"> 在我的控制器中，$ scope.card最初是未定义的。除了做这样的事情，还有别的办法吗？ $scope.card = { description: $('myinput').val() }

126 angularjs 

如何在angularjs控制器中使用下划线库？ 在此文章上：AngularJS limitTo的最后2条记录 建议有人为rootScope分配一个_变量，以便该库可用于应用程序中的所有范围。 但我不清楚该在哪里做。我的意思是应该在应用程序模块声明中继续吗？即： var myapp = angular.module('offersApp', []) .config(['$rootScope', function($rootScope) { } 但是，我该在哪里加载下划线lib？我的索引页面上只有ng-app指令和对angular-js和下划线库的脚本引用吗？ index.html： <head> </head> <body ng-app="offersApp"> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/underscore.js"></script> ... 我该如何实现？

126 javascript  angularjs  underscore.js 

提交表单后，更改页面的URL时遇到问题。 这是我的应用程序的流程： 设置了路由，URL被识别到某个表单页面。 页面加载，控制器设置变量，指令被触发。 触发一个特殊格式指令，该指令使用AJAX执行特殊格式提交。 执行完AJAX之后（Angular不会处理AJAX），便会触发回调，并且伪指令调用$scope.onAfterSubmit设置位置的函数。 问题在于设置位置后什么也没发生。我也尝试过将位置参数设置/为……不。我也尝试过不提交表格。什么都没有。 我已经测试过，看看代码是否达到了onAfterSubmit功能（确实如此）。 我唯一的想法是（由于从指令调用了它）函数的作用域以某种方式改变了，但是onAfterSubmit如果作用域改变了，它又怎么能调用呢？ 这是我的代码 var Ctrl = function($scope, $location, $http) { $http.get('/resources/' + $params.id + '/edit.json').success(function(data) { $scope.resource = data; }); $scope.onAfterSubmit = function() { $location.path('/').replace(); }; } Ctrl.$inject = ['$scope','$location','$http']; 有人可以帮我吗？

126 angularjs 

我正在尝试编写一个返回诺言的函数。但是有时候，所请求的信息会立即可用。我想将其包装在一个承诺中，这样消费者就不必做出决定了。 function getSomething(id) { if (Cache[id]) { var deferred = $q.defer(); deferred.resolve(Cache[id]); // <-- Can I do this? return deferred.promise; } else { return $http.get('/someUrl', {id:id}); } } 并像这样使用它： somethingService.getSomething(5).then(function(thing) { alert(thing); }); 问题在于，对于预解析的Promise不会执行回调。这是合法的事情吗？有没有更好的方法来处理这种情况？

125 angularjs  promise 

我正在尝试通过angularjs在html中查找元素。 这是html： <button class="btn btn-primary multi-files" type="button"> <span>Choose multiple files</span> </button> <br/><br/> <input ng-file-select type="file" multiple style="display: none"/><br/> 我试图通过类名多文件来获取按钮元素，然后我尝试了 var multibutton = angular.element(element.getElementsByClassName(".multi-files")); 但它不起作用，并尝试过，element.find但仅适用于标签。 在angularjs中，是否有任何函数可以通过ID或类名获取元素？

125 angularjs