AngularJs-变量

简介: Angularjs-变量 名字 : Hello {{name}} ...
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>Angularjs-变量</title>
        <!--引入AngularJs-->
        <script src="js/angular.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
        <!--
            1、ng-app=" "  定义angularJS的使用范围;
            2、ng-init="变量=值;变量='值'"  初始化变量的值,有多个变量时,中间用分号隔开;
            3、ng-model="变量"  定义变量名;
            4、ng-bind="变量"  绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。
                  但是一般都用双重花括号来获取变量的值,比如:{{变量}}。
        -->
        <div ng-app="">
            <p>名字 : <input type="text" ng-model="name"></p>
            <h1>Hello {{name}}</h1>
        </div>
    </body>

</html>

运行结果

这里写图片描述

目录
相关文章
|
JavaScript 前端开发
AngularJs Angular数据类型判断
angular.isArray 判断括号内的值是否为数组。 格式:angular.isArray(value); value: 被判断是否为数组的值。 --------------------------------------------------------------- angular.isDate 判断括号内的值是否是一个时间。
|
JavaScript
AngularJs错误
AngularJs错误
95 0
|
JavaScript 前端开发
|
JavaScript 前端开发 Unix
|
JavaScript 前端开发 容器
|
索引 图形学