Torakami Ответов: 2

Угловой JS контроллер не загружается на страницу

Я пытаюсь использовать свой контроллер .. но данные не отражаются на странице


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Controller Example</title>
    <link type="text/css" href="css/foundation.css" rel="stylesheet" />

    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
    <div ng-app="">
        <div ng-controller="firstCtrl">
            <h1>{{data.message+" World"}}</h1>
            <div class="{{data.message}}">
                Wrap me with a foundation componenet
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/angular.js"></script>
</body>
</html>



function firstCtrl($scope) {
    $scope.data = { message: "Hello" };
}



его displying как это


{{data. message+ " мир"}}
Оберните меня тональным компонентом

alexey_s

Пожалуйста, опубликуйте полный код вашего контроллера. Я имею в виду модуль определения, контроллер. Тут может быть ошибка.

2 Ответов

Рейтинг:
2

King Fisher

Лучше всего вы могли бы разместить свой файл AngularJs перед определением вашего приложения AngularJs 

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


если нет используйте это 

<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>


вместо вашего файла AngularJs

Образец:

<html>
<head>
     <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
<div ng-app="">
        <div ng-controller="firstCtrl">
            <h1>{{data.message+" World"}}</h1>
            <div class="{{data.message}}">
                Wrap me with a foundation componenet
            </div>
        </div>
    </div>
 
   
<script>
    function firstCtrl($scope) {
        $scope.data = { message: "Hello" };
    }
</script>
</body>
</html>


:) :) :) :)

Рейтинг:
0

KarthikPesaru 

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Hello</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
    <div ng-app="app">
        <div ng-controller="firstCtrl">
            <h1>{{data.message+" World"}}</h1>
            <div class="{{data.message}}">
                Wrap me with a foundation componenet
            </div>
        </div>
    </div>


    <script>
        (function () {
            var app = angular.module('app', []);
            app.controller('firstCtrl', ['$scope', firstCtrl1]);
            function firstCtrl1($scope) {
            
                $scope.data = { message: "Hello" };
            }
        })();
    </script>
</body>
</html>


Это сработает...:)