0

私は Angularjs の作業を開始したばかりで、ng-controller に来​​たとき、次のように混乱する点が 1 つあります:
HTML コード:

<html lang="en" ng-app="App" ng-controller="AppCtrl">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<title></title>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/controller.js"></script>
</head>
<body>
<div class="container">
<div class="page-header">
<h2>Chapter1 <small>Hello,World</small></h2>
</div>

</div>
<div class="container">
<div class="jumbotron">
<h1>Hello, {{name}}</h1>
<label for="name">Enter Your Name</label>
<input type="text" ng-model="name" class="form-control input-lg" id="name">
</div>
</div>
</body>
</html>

angularjs コード:

function AppCtrl($scope){
  $scope.name = "World";
});

その結果、{{name}} モデル パーツは正しいデータを取得できません。デフォルトのデータ「World」は表示できず、入力テキスト ボックスに何を入力しても、出力ビューは常に Hello, {{name}} です。

編集: angularjs に関する本を参照します。そして、デモケースは、私がここに投稿した使用法を示しています。しかし、私は今回避策を見つけました。

4

1 に答える 1

4

あなたのAngularはブートストラップされていません。使用する：

angular.module('App', [])
    .controller('AppCtrl', function($scope) {
        $scope.name = "World";
    });

最初にいくつかの基本的なチュートリアルを読むことをお勧めします。

この動作デモを確認してください: JSFiddle

于 2016-04-26T03:29:59.313 に答える