RequireJS + AngularJS Seed 01 _HelloWorld

首先来做一个简单的AngularJS。

在index.html里面引用AngularJS,引用app.js。

<!-- lang: js -->
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<script type="text/javascript" src="scripts/app.js"></script>

添加一个div,添加 ng-controller ,在其下追加 ng-model 和 ng-bind

<!-- lang: js -->
<div ng-controller="ctrlLogin">
    <label>
        <input type="text" ng-model="name"/>
    </label>
    <span ng-bind="name"></span>
</div>

然后在 app.js 添加 ctrlLogin 的定义

<!-- lang: js -->
function ctrlLogin($scope){
    $scope.name = "Kitty";
}

运行起来。

你可能感兴趣的:(AngularJS,requirejs)