Загрузить контроллер angularJs

Question

Загрузить контроллер angularJs

0

Я уже объявил о своем приложении и контроллере в отдельном файле, а ниже описано, как я загружаю свой контроллер html DOM, но он не показывает это сообщение. Может ли кто-нибудь помочь вам в этом.

HTML:

<div id="bnProblemList">
    <div ng-controller="problemListCtrl" data-ng-init="init()">
        <div ng-view="">this is my message = {{message}}</div>
    </div>
</div>

JS:

html = $j('#bnProblemList').html();
$compile(html)(scope);

Пожалуйста, дайте мне знать, как динамически вводить или загружать ng-controller html.

Rakesh Rai 24 авг. 2015, в 14:03

Источник

0

Установлено ли ваше ng-app перед использованием ng-controller ? Ваш контроллер включен в ваш индекс?
Pierre-Alexandre Moller 24 авг. 2015, в 11:47
0

да, я установил ng-app только как атрибут html
Rakesh Rai 24 авг. 2015, в 11:49
0

и я добавляю контроллер динамически
Rakesh Rai 24 авг. 2015, в 11:50
0

Было бы здорово, если бы вы могли создать Plunkr для своего приложения.
Thangadurai 24 авг. 2015, в 11:54

Показать ещё 2 комментария

Теги:

javascript

jquery

angularjs

4 ответа

Ещё вопросы

Установлено ли ваше ng-app перед использованием ng-controller ? Ваш контроллер включен в ваш индекс?
да, я установил ng-app только как атрибут html
и я добавляю контроллер динамически
Было бы здорово, если бы вы могли создать Plunkr для своего приложения.

Chetan Purohit · Answer 1 · 2015-08-24T10-08-00.000Z

Неправильное объявление вашего контроллера. Вы должны сделать это следующим образом:

var myApp = angular.module('myApp',[]);

myApp.controller('problemListCtrl', ['$scope', 
  function($scope) {
      $scope.message = "This is my message :-)";
  }
]);

Я добавил этот код в мой основной app.js, который выглядит следующим образом:
var _versionNumber = "1.0", $ stateProviderRef; var moduleListToLoad = ['ui.router', 'oc.lazyLoad', 'ngRoute']; var enkiApp = angular.module ("enkiApp", moduleListToLoad); enkiApp.controller ('problemListCtrl', ['$ scope', '$ state', '$ compile', функция homeController ($ scope, $ state, $ compile) {$ scope.message = 'HOME PAGE'; $ scope. init = function () {console.log ("init");}; $ scope. $ apply (function () {console.log ("apply");}); $ state.go ('ProblemList');} ]); angular.element (document) .ready (function () {angular.bootstrap (document, ['enkiApp']);});

Rakesh Rai · Answer 2 · 2015-08-28T08-36-00.000Z

i was able to load/ inject controller dynamically by the help of below code

<div id="bn" ng-controller="myCtrl as vm">
    <div ui-view=''></div>
</div>

<script>
    angular.element(document).injector().invoke(function($compile, $state) {
        $state.go('myCtrl');
        var scope = angular.element($j("#bn")).scope();
        $compile($j("#bn"))(scope);
    });
</script>

Paul Boutes · Answer 3 · 2015-08-24T09-28-00.000Z

Правильный способ - объявить ваш контроллер в анонимную функцию и добавить его в модуль. Затем вам нужно установить ngApp.

Controller.js

Здесь мы объявим наш контроллер и создадим модуль приложения. Затем мы объявим ctrl как наш контроллер в наш модуль app.

  (function(){

  function Controller($scope) {

    $scope.name = 'toto';

  }

  angular
  .module('app', [])
  .controller('ctrl', Controller);

  })();

HTML

  <body ng-app='app' ng-controller="ctrl">

    <p>My name is {{name}}</p>

 </body>

И не забудьте указать свой тег скрипта:

<script src="controller.js"></script>

Raj · Answer 4 · 2015-08-24T09-05-00.000Z

Вы можете попробовать Пример ниже:

Html Страница:

<!DOCTYPE html>
<html ng-app="MyApp">
<head>
 <title> Controller</title>  
 <script src="../Js/angular.min.js"></script>
 <script src="../Js/Controller.js"></script>   
</head>
<body>
  <div ng-controller="MyFirstController">
    {{ Msg }}
  </div>
</body>
</html>

Страница ControllerJs:

var MyApp=angular.module("MyApp",[]);
MyApp.controller("MyFirstController",function($scope){
  $scope.Msg="Hello First Conroller";
})