Невозможно получить данные из контроллера в представление, используя ng-route - PullRequest
Новая
       6

Невозможно получить данные из контроллера в представление, используя ng-route

0 голосов
/ 28 ноября 2018

Часть контроллера

Ниже приведена часть контроллера, здесь я не могу получить данные с контроллера aa и bb на html-страницы. Студенты и курсы соответственно 

/// <reference path="Angularmin.js" />
/// <reference path="angular_route.js" />
/// <reference path="C:\Users\prerna.bhadwal\Documents\projects\practice_angular\practice_angular\HtmlPage2.html"


var app = angular.module('mod', ['ngRoute']);

//var app = angular.module('mod', []);
app.config(function ($routeProvider) {
 $routeProvider

 .when("/Students", {
     templateUrl: "Templates/Courses.html",
     controller:"aa"
 })
 .when("/Courses", {
     templateUrl: "Templates/Students.html",
     controller: "bb"
 })
})
 .controller("aa", function ($scope) {

 $scope.msg = "hello how r";
}).controller("bb", function ($scope) {

 $scope.msg1 = "hhhhhh";

})

Часть HTML-страницы

Это HTML-часть, откуда я направляюсь к студентам и HTML-страницам курсов: 

 <!DOCTYPE HTML>
 <html ng-app="mod">
 <head>
     <!--<script src="Scripts/Controller2.js"></script>-->

     <script src="Scripts/Angularmin.js"></script>
     <script src="Scripts/Controller.js"></script>
     <script src="Scripts/angular_route.js"></script>

     <title></title>
 </head>
 <body >
     <!--<a href="#/Students">students</a>
         <a href="#/Courses">courses</a>-->
     <!--<div>
        {{datafromservice}} datafromservice
     </div>-->-->


     <a href="#/Students">Red</a>
     <a href="#Courses">Green</a>


     <div ng-view></div>
 </body>
 </html>

Это HTML-страница для студентов:

 <div>
     <ul>
         <li>Student class A</li>
         <li>Student Class B</li>
         <li>{{msg}}</li>
     </ul>
 </div>

Это html-страница для курсов: 

 <div>
     <ul>
         <li>Maths</li>
         <li>Science</li>
         <li>{{msg1}}</li>
     </ul>
 </div>

1 Ответ

0 голосов
/ 29 ноября 2018

Я думаю, что это то, что вы пытаетесь ... Передача значений в маршруты ...

полный код во фрагменте ... и в Students.htm, пожалуйста, вставьте строку, чтобы будетследующий ...

ВСТАВЬТЕ ЭТО В СВОЮ ... student.htm 

 <li>{{gottenValue}}</li>


var app = angular.module('mod', ['ngRoute']);

//var app = angular.module('mod', []);
app.config(function ($routeProvider) {
 $routeProvider
  .when("/Students", {
     templateUrl: "students.htm",
     controller:"aa",
     passValue: 'exampleA'
 })
 .when("/Courses", {
     templateUrl: "rootScope.htm",
     controller: "myCtrl"
 })
})
 .controller("aa", function ($scope, $route) {
    $scope.msg = "hello how r u ";
    $scope.gottenValue = $route.current.$$route.passValue;
    console.log($scope.gottenValue);

    $scope.passValue
}).controller("bb", function ($scope) {
 $scope.msg1 = "hhhhhh";
});
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
    
    <div ng-app="mod">
       <!--<a href="#/Students">students</a>
         <a href="#/Courses">courses</a>-->
     <!--<div>
        {{datafromservice}} datafromservice
     </div>-->-->


     <a href="#!Students">Red</a>
     <a href="#!Courses">Green</a>


     <div ng-view></div>
    </div>
...