Tag: angularjs

在AngularJs中按date降序sorting: <div class="recent" ng-repeat="reader in (filteredItems = (book.reader | orderBy: 'created_at' | limitTo: 1))"> </div> 所以这本书来自于restapi，它附有许多读者。我想得到'最近'的读者。 created_at字段具有将用户识别为最近的值。但是上面的代码给了我最老的读者。所以顺序需要被颠倒？有没有办法按降序sorting？

保留angularjs中的换行符: 我看过这个问题。我的代码而不是ng-bind="item.desc"使用{{item.desc}}因为我之前有一个ng-repeat 。所以我的代码： <div ng-repeat="item in items"> {{item.description}} </div> 项目描述包含\n为不是呈现的换行符。 {{item.description}}如何轻松地显示换行符，假设我有上面的ng-repeat ？

如何使Lodash与Angular JS一起工作？: 我试图使用lodash在ng-repeat指令中使用它，用这种方法： <div ng-controller="GridController" ng-repeat="n in _.range(5)"> <div>Hello {{n}}</div> </div> 作为GridController ： IndexModule.controller('GridController', function () { this._ = _ }) 然而，不工作，所以没有重复。如果我把这个指令改成ng-repeat="i in [1,2,3,4,5]"就可以了。 lodash已经通过<script>包含在<header>之前。我怎样才能使它工作？

如何使用Angular JSredirect到另一个页面？: 我使用ajax调用来执行服务文件中的function，如果响应成功，我想redirect到另一个url的网页。目前，我正在通过使用简单的js“window.location = response ['message'];”来做到这一点。但是我需要用angularjs代码replace它。我已经看到了各种解决scheme在stackoverflow，他们使用$位置。但是我是新来的angular度和实施它的麻烦。 $http({ url: RootURL+'app-code/common.service.php', method: "POST", headers: {'Content-Type': 'application/x-www-form-urlencoded'}, dataType: 'json', data:data + '&method=signin' }).success(function (response) { console.log(response); if (response['code'] == '420') { $scope.message = response['message']; $scope.loginPassword = ''; } else if (response['code'] != '200'){ $scope.message = response['message']; $scope.loginPassword = ''; } else { window.location = response['message']; } […]

在angularJS单页面应用程序中使用javascript打印div: 我有一个单页的Web应用程序使用angularJS。我需要打印某个页面的div。我尝试了以下内容：该页面包含几个div（print.html） <div> <div> Do not print </div> <div id="printable"> Print this div </div> <button ng-click="printDiv('printableArea');">Print Div</button> </div> 控制器有以下脚本： $scope.printDiv = function(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents; } 此代码打印所需的div，但有一个问题。声明document.body.innerHTML = originalContents; 因为它是一个SPA，所以取代了整个应用程序的主体。所以，当我刷新页面或再次点击打印button时，页面的全部内容被删除。

使用Angular js指令渲染Highcharts: 我是Angular JS的新手，并试图通过创build一个指令来渲染我的highcharts（基本线）。请告诉我在这里应该遵循的方法。任何帮助，将不胜感激。这是我的脚本高地图： <script type="text/javascript"> $(function () { $('#container').highcharts({ chart: { type: 'line', marginRight: 130, marginBottom: 25 }, title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: […]

Angular.module缩小错误: 有最难的时候试图找出为什么缩小不起作用。我已经通过一个数组对象注入我的提供者之前，通过networking众多的build议function，但仍然“未知的提供者：aProvider < – 一个” 定期： var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs']) .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){ $routeProvider. when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl}); $locationProvider.html5Mode(true); }]) 精缩： var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs']) .config(['$routeProvider', '$locationProvider', function(a, b){ a. when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl}); b.html5Mode(true); }]) 任何build议将非常有用！

需求是什么意思：'ngModel'？: 这是我的指令的HTML： <textarea data-modal="modal" data-mydir ng:model="abc"></textarea> 在我的指令中，我有这个： return { require: 'ngModel', replace: true, scope: { modal: '=modal', ngModel: '=', pid: '=pid' }, 有人可以告诉我，要求的意义是什么：'ngModel'？我在许多不同的指令中看到这一点。我可以称之为数据模式吗？我很困惑，因为当我将其更改为数据模式时，我收到了Angular的一条消息 Controller 'ngModel', required by directive 'textarea', can't be found!

Angularjs：错误：参数'HomeController'不是一个函数，得到了undefined: 这是我的演示使用angularjs，创build一个服务文件，并添加服务控制器。我的演示有两个问题：一个是当我在<script src="MyService.js">之前放置<script src="HomeController.js">出现这个错误，错误：[ng：areq]参数'HomeController'不是一个函数，没有定义另一个是当我在<script src="HomeController.js">之前放置<script src="MyService.js">出现以下错误，错误：[$ injector：unpr]未知提供者：MyServiceProvider < – MyService 我的来源：文件Index.html ： <!DOCTYPE html> <html > <head lang="en">…</head> <body ng-app="myApp"> … <div ng-controller="HomeController"> <div ng-repeat="item in hello">{{item.id + item.name}}</div> </div> <script src="Scripts/angular.js"></script> <script src="Scripts/angular-route.js"></script> <!– App libs –> <script src="app/app.js"></script> <script src="app/services/MyService.js"></script> <script src="app/controllers/HomeController.js"></script> </body> </html> 文件HomeController.js ： (function(angular){ 'use […]

使用带有Bootstrap-ui模式的ui路由器: 我知道这已经被覆盖了很多次，大多数的文章引用了这个代码：在AngularJS中使用自定义URL的Modal窗口但我只是不明白。我根本不觉得这是非常清楚的。我也发现这个jsfiddle这实际上是伟大的，非常有帮助，除了这不添加url，并允许我使用后退button来closures模式。编辑：这是我需要帮助。所以让我试着解释我想要达到的目标。我有一个表单来添加一个新的项目，我有一个链接“添加新项目”。我想当我点击“添加新项目”模式popup与我已经创build的“add-item.html”的forms。这是一个新的状态，所以url更改为/ add-item。我可以填写表格，然后select保存或closures。 closures，closures模态：p（奇怪）。但是我也可以点击回到closures模式，并返回到前一页（状态）。在这一点上，我不需要关于Close的帮助，因为我仍然在努力实现模态的工作。这是我的代码，因为它代表：导航控制器:( 这是甚至正确的地方把模式function？） angular.module('cbuiRouterApp') .controller('NavbarCtrl', function ($scope, $location, Auth, $modal) { $scope.menu = [{ 'title': 'Home', 'link': '/' }]; $scope.open = function(){ // open modal whithout changing url $modal.open({ templateUrl: 'components/new-item/new-item.html' }); // I need to open popup via $state.go […]