Load angularJs controller

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

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);

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

источник

2015-08-24 Rakesh Rai

Ваш 'нг-app' установить перед использованием' нг-controller'? Включен ли ваш контроллер в ваш индекс? –

yes Я установил только ng-app как атрибут html .. –

и я динамически добавляю контроллер –

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

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

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

источник

2015-08-24 11:50:51

Я добавил этот код в свой основной app.js, который выглядит следующим образом: - –

Правильный путь, чтобы объявить контроллер в анонимную функцию, и добавить его в модуль. Затем вы должны установить 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>

источник

2015-08-24 11:55:24

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

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"; 
})

источник

2015-08-24 11:58:34 Raj

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>

источник

2015-08-28 10:39:08

Load angularJs controller

ответ

Смежные вопросы