Как показать переменную с контроллера на страницу html (AngularJs)

Я создаю страницу контроллера и html.Как показать переменную с контроллера на страницу html (AngularJs)

'use strict'; 
angular.module('myApp.view3', ['ngRoute']) 

    .config(['$routeProvider', function($routeProvider) { 
     $routeProvider.when('/view3', { 
      templateUrl: 'view3/view3.html', 
      controller: 'View3Ctrl' 
     }); 
    }]) 

    .controller('View3Ctrl', [function($scope) { 
     $scope.my_name = "Pasha"; 
    }]);

и это моя страница html.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>My view</title> 
</head> 
<body> 
<p> Hello Pavel</p> 
<div>{{my_name}}</div> 
</body> 
</html>

Я хочу показать в браузере свой html.

Hello Pavel 

Pasha 

Angular seed app: v0.1

Но я вижу в браузере

Hello Pavel 
{{my_name}} 
Angular seed app: v0.1

Я использую пример из link

EDIT: Я добавить appjs.

Это мое приложение JS файл мой файл, он мой файл:

'use strict'; 

// Declare app level module which depends on views, and components 
angular.module('myApp', [ 
    'ngRoute', 
    'myApp.view1', 
    'myApp.view2', 
    'myApp.view3', 
    'myApp.version' 
]). 
config(['$routeProvider', function($routeProvider) { 
    $routeProvider.otherwise({redirectTo: '/view1'}); 
}]);

источник

2016-02-01 user5620472

нет контроллера с именем View3Ctrl в вашем html –

что ????????????????????????????? – user5620472

Я не вижу этот модуль 'myApp.view3'? У вас действительно есть это? Как '' – Jai

Добавить нг-приложение и нг-контроллер для вашего тела
Add '$ области видимости в контроллере

'use strict'; 
 
angular.module('myApp.view3', []) 
 

 
    .controller('View3Ctrl', ['$scope', function($scope) { 
 
     $scope.my_name = "Pasha"; 
 
    }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>My view</title> 
 
</head> 
 
<body ng-app="myApp.view3" ng-controller="View3Ctrl"> 
 
<p> Hello Pavel</p> 
 
<div>{{my_name}}</div> 
 
</body> 
 
</html>

источник

2016-02-01 09:45:26 Siva

почему этот ответ не сработал для вас @ user5620472? не могли бы вы объяснить, пожалуйста? –

Это сработало, но я думаю, что он инсталлируется. I config views в файле app.js и include to index.html. Я думаю, мне не нужно включать в каждый файл html или я ошибаюсь? – user5620472

@ user5620472 Не нужно включать тег сценария в каждый файл html. Это было включено, чтобы заставить образец скрипта работать. – Siva

HTML

<div ng-controller="View3Ctrl as ctrl">{{ ctrl.my_name}}</div>

Вы также должны установить свои документы ng-app атрибутов. Подробнее см. В docs.

источник

2016-02-01 09:38:02 djl

Это не работа! browser show - {{ctrl.my_name}} (

) – user5620472

Вы установили ng-app? – djl

Как показать переменную с контроллера на страницу html (AngularJs)

ответ

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