Блог

Главная - Вопросы по программированию - контроллер в AngularJS

контроллер в AngularJS

#javascript #angularjs

#javascript #angularjs ( ангулярджс ) #angularjs

Вопрос:

Я обнаружил проблему в проверке angular JS проблема в том, что когда вы нажимаете на ссылку, которая обычно ведет на любую страницу, он переходит на страницу ошибки seveur вот мой код, помогите мне, пожалуйста, и заранее благодарю вас

test.html

 <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body ng-app="app">

  <div ng-view></div>

  <script type="text/javascript" src="js/angular.min.js"></script>

  <script src="https://code.angularjs.org/1.5.8/angular-route.min.js"

></script>


  <script >

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

          .when('/',{templateUrl: 'test/home.html'})
          .when('/comments',{templateUrl: 'test/comments.html'})
          .otherwise({redirectTo : '/'});
    });

    app.controller('MedCtrl',function($scope) {
      console .log($scope);
      $scope.mdd = [ 
      {
        "username": "<ReferenceEr ror: firstname is not defined>",
        "content": "Incididunt quis culpa quis aliquip excepteur commodo proident non amet ea ex excepteur elit."
      },
      {
        "username": "<ReferenceError: firstname is not defined>",
        "content": "Excepteur irure enim est qui mollit laboris occaecat nostrud occaecat ullamco consequat."
      },
      {
        "username": "<ReferenceError: firstname is not defined>",
        "content": "In commodo enim labore dolor occaecat est nisi laborum velit anim reprehenderit labore sint cupidatat."
      },
      {
        "username": "<ReferenceError: firstname is not defined>",
        "content": "Excepteur elit officia nulla consectetur velit qui laborum ea mollit consequat deserunt excepteur."
      },
      {
        "username": "<ReferenceError: firstname is not defined>",
        "content": "Culpa enim nisi officia cupidatat velit laboris id veniam."
      },
      {
        "username": "<ReferenceError: firstname is not defined>",
        "content": "Labore elit excepteur tempor magna culpa est magna ea est sit dolor ad."
      },
      {
        "username": "<ReferenceError: firstname is not defined>",
        "content": "Ut esse pariatur amet ullamco aute fugiat aliqua excepteur amet mollit."
      }];
    });

  </script>
</body>
</html>

home.html

   <h1>Article #1</h1>

    <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

    <h2>3 Commentaire</h2>

    <a href="#/comments">Voir les commentaires</a>

comments.html

  <div ng-controller="MedCtrl" ng-init="test1='med'">
        <input type="text" ng-model="test1">
            <br> {{ test1 }}
        <div ng-repeat="md in mdd | filter: {username:test1} ">
            <p>{{ md.username }} <br> {{ md.content }}</p>
        </div>

    </div>

Комментарии:

1. в вашем вопросе и в коде много опечаток, я бы предложил использовать более длинные имена переменных вместо таких вещей, как med и mdd и md , ваши коллеги-разработчики будут вам за это благодарны.

2. А также сделайте отступ в вашем коде, его действительно сложно прочитать таким образом.

3. Отдайте controller name to $routeProvider вместе с templateURL тем, что вы дали. Это может решить вашу проблему,