การเขียนโปรแกรม 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 …

493 angularjs ngroute

11

วิธีที่สั้นที่สุดในการอ่านพารามิเตอร์ข้อความค้นหาใน AngularJS คืออะไร

ฉันต้องการอ่านค่าของพารามิเตอร์การค้นหา URL โดยใช้ AngularJS ฉันกำลังเข้าถึง HTML ด้วย URL ต่อไปนี้: http://127.0.0.1:8080/test.html?target=bob เป็นที่คาดหวังคือlocation.search "?target=bob"สำหรับการเข้าถึงคุณค่าของเป้าหมายฉันได้พบตัวอย่างต่าง ๆ ที่ระบุไว้บนเว็บ แต่ไม่มีพวกเขาทำงานใน AngularJS 1.0.0rc10 โดยเฉพาะอย่างยิ่งต่อไปนี้คือทั้งหมดundefined: $location.search.target $location.search['target'] $location.search()['target'] ใครรู้ว่าจะทำงานอย่างไร (ฉันใช้$locationเป็นพารามิเตอร์ในการควบคุมของฉัน) ปรับปรุง: ฉันโพสต์โซลูชันด้านล่าง แต่ฉันไม่พอใจกับมันทั้งหมด เอกสารที่คู่มือนักพัฒนาซอฟต์แวร์: บริการเชิงมุม: การใช้ $ locationระบุสิ่งต่อไปนี้$location: ฉันควรใช้ตำแหน่ง $ เมื่อใด เมื่อใดก็ตามที่แอปพลิเคชันของคุณต้องการตอบสนองต่อการเปลี่ยนแปลงใน URL ปัจจุบันหรือหากคุณต้องการเปลี่ยน URL ปัจจุบันในเบราว์เซอร์ สำหรับสถานการณ์ของฉันหน้าของฉันจะเปิดจากหน้าเว็บภายนอกพร้อมพารามิเตอร์การสืบค้นดังนั้นฉันจึงไม่ "ตอบสนองต่อการเปลี่ยนแปลงใน URL ปัจจุบัน" ต่อหนึ่งรายการ ดังนั้นอาจ$locationไม่ใช่เครื่องมือที่เหมาะสมสำหรับงาน (สำหรับรายละเอียดที่น่าเกลียดดูคำตอบของฉันด้านล่าง) ฉันได้เปลี่ยนชื่อของคำถามนี้จาก "วิธีอ่านพารามิเตอร์ข้อความค้นหาใน AngularJS โดยใช้ …

312 angularjs ngroute

14

การลบตัวระบุส่วนออกจาก URL ของ AngularJS (# symbol)

เป็นไปได้ไหมที่จะลบสัญลักษณ์ # ออกจาก angular.js URL ฉันยังต้องการใช้ปุ่มย้อนกลับของเบราว์เซอร์และอื่น ๆ เมื่อฉันเปลี่ยนมุมมองและจะอัปเดต URL ด้วย params แต่ฉันไม่ต้องการสัญลักษณ์ # tutorialProProider มีการประกาศดังนี้: 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: ฉันจะสลับมุมมองจากฟังก์ชั่นคอนโทรลเลอร์ได้อย่างไร

ฉันกำลังพยายามใช้คุณสมบัติng-clickของ AngularJS เพื่อสลับมุมมอง ฉันจะทำสิ่งนี้ด้วยรหัสด้านล่างได้อย่างไร 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: …

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

คำถามติดแท็ก ngroute