Code ici:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<body ng-app="app">



<p ng-controller="MessageController">
    {{message}}
</p>




<script src="../../angularv1.min.js"></script>
<script src="message-controller-scope.js"></script>
</body>
</html>


/**
 * Created by Glacier on 2015/7/19.
message-controller-scope.js
 */
function MessageController($scope) {
    $scope.message = "This is a model.";
}

Le résultat est {{message}} Pourquoi ne pas afficher Ceci est un modèle? Y a-t-il un problème?

Il s'agit d'un problème de portée de contrôleur angulaire.

1
Guangming Dai 19 juil. 2015 à 14:55

2 réponses

Meilleure réponse
var app = angular.module('app',[]);

app.controller('MessageController', ['$scope', function($scope) {
 $scope.message = "This is a model.";
}]);

Plus d'informations ici: https://docs.angularjs.org/guide/controller

0
Chol Nhial 19 juil. 2015 à 12:04

Vous devez créer un module angulaire:

    angular.module('app')
      .controller('MessageController', MessageController);

    function MessageController($scope) {
        $scope.message = "This is a model.";
    }

    MessageController.$inject = ['$scope'];
0
monkey 19 juil. 2015 à 12:02