Блог

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

Директива Angular JS

#javascript #jquery #html #angularjs #angularjs-directive

#javascript #jquery ( jquery ) #HTML #angularjs #angularjs-директива

Вопрос:

Есть три HTML-экрана.

Screen1.html:

 <button id="screenbtn"></button>

Screen2.html:

 <div id="sctmpl">
  <label>Label for screen two</label>
</div>

Screen3.html:

 <div id="sctmpl1">
      <label>Label for screen three</label>
    </div>

Все эти экраны находятся в разных папках, но под одним и тем же корнем.

Итак, при нажатии кнопки мне нужно переключаться между screen2 и screen3, что необходимо для достижения с помощью Angular Js.

Поскольку в Jquery легко манипулировать, чего я уже достиг, но сценарий заключается в достижении в Angular JS.

Может кто-нибудь, пожалуйста, дайте мне знать, как добиться этого с помощью базовой демонстрации.

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

1. У вас возникли проблемы с каким-то конкретным кодом Angular? Это довольно подробно описано в большинстве руководств и документации

2. Лучше прочитайте документацию перед использованием фреймворка. Обычно это описывается в официальном руководстве по AngularJS: docs.angularjs.org/tutorial/step_07

3. Попробуйте использовать команду redirecttoв templateUrl.

Ответ №1:

Похоже, вы хотите использовать routeprovider.

 angular.module('myApp', ['ngRoute']).config(function($routeProvider) {
  return $routeProvider.when('/screen1', {
    templateUrl: 'screen1.html',
    controller: 'aController'
  }).when('/screen2', {
    templateUrl: 'screen2.html',
    controller: 'bController'
  });
});

<body>
    <ul>
        <li><a ng-href="#screen1">Screen 1</a></li>
        <li><a ng-href="#screen2">Screen 2</a></li>
    </ul>
    <div ng-view></div>
  </body>

Я привел здесь рабочий пример

Имейте в виду, что для использования ngRoute вам необходимо включить его в свой проект.

Метки: