程序设计 ngroute

11

我正在编写一个小的AngularJS应用，该应用具有登录视图和主视图，其配置如下： $routeProvider .when('/main' , {templateUrl: 'partials/main.html', controller: MainController}) .when('/login', {templateUrl: 'partials/login.html', controller: LoginController}) .otherwise({redirectTo: '/login'}); 我的LoginController检查用户/密码组合，并在$ rootScope上设置一个属性，以反映此情况： function LoginController($scope, $location, $rootScope) { $scope.attemptLogin = function() { if ( $scope.username == $scope.password ) { // test $rootScope.loggedUser = $scope.username; $location.path( "/main" ); } else { $scope.loginError = "Invalid user/pass."; } } …

493 angularjs ngroute

11

在AngularJS中读取查询参数的最简洁方法是什么？

我想使用AngularJS读取URL查询参数的值。我正在使用以下URL访问HTML： http://127.0.0.1:8080/test.html?target=bob 正如预期的那样，location.search是"?target=bob"。为了访问target的值，我在网络上找到了各种示例，但是在AngularJS 1.0.0rc10中它们都不起作用。特别是以下所有内容undefined： $location.search.target $location.search['target'] $location.search()['target'] 有人知道什么有用吗？（我将其$location用作控制器的参数）更新：我在下面发布了一个解决方案，但是我并不完全满意。开发人员指南：Angular Services：使用$ location中的文档陈述了以下内容$location：什么时候应该使用$ location？任何时候您的应用程序需要对当前URL的更改做出反应，或者您想在浏览器中更改当前URL。对于我的情况，我的页面将从带有查询参数的外部网页打开，因此，我本身并不是在“响应当前URL的更改”。因此，可能$location不是适合该工作的工具（有关丑陋的详细信息，请参见下面的答案）。因此，我已将问题的标题从“如何使用$ location在AngularJS中读取查询参数？”中更改。“在AngularJS中读取查询参数的最简洁方法是什么？”。显然，我可以只使用javascript和正则表达式进行解析location.search，但是对如此基本的内容进行低级配置确实会冒犯我的程序员。所以：有没有$location比我在回答中更好的使用方法，还是有简洁的替代方法？

312 angularjs ngroute

14

从AngularJS网址中删除片段标识符（＃符号）

是否可以从angular.js URL中删除＃符号？当我更改视图并使用参数更新URL时，我仍然希望能够使用浏览器的后退按钮等，但是我不希望使用＃符号。教程routeProvider声明如下： angular.module('phonecat', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). otherwise({redirectTo: '/phones'}); }]); 如果没有＃，我可以对其进行编辑以具有相同的功能吗？

257 angularjs url ngroute

8

AngularJS：如何从控制器功能切换视图？

我正在尝试使用AngularJS 的ng-click功能来切换视图。我将如何使用下面的代码来做到这一点？ index.html <div ng-controller="Cntrl"> <div ng-click="someFunction()"> click me <div> <div> controller.js function Cntrl ($scope) { $scope.someFunction = function(){ //code to change view? } }

237 javascript angularjs ngroute

5

angularjs 1.6.0（现在最新）路由不起作用

我期待在Stackoverflow上看到这个问题，但是没有。显然，我是唯一出现此问题的人，在我看来这很普遍。我正在执行一个基本项目，但是即使到目前为止我所做的一切似乎都是正确的，但是路线似乎也没有用。我的文件中有这段html index.html： <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> 这是我的app.js： var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]); 现在，当我刚访问页面时，这是我从URL中获得的内容： http：// …

98 angularjs angular-routing ngroute angularjs-ng-route angularjs-1.6

Questions tagged «ngroute»