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学习(一)
@[TOC](目录) ### 1. 引入 AngularJS 要使用 AngularJS,您需要首先引入 angular.js 文件。这可以通过在 HTML 文件中使用<script>标签来实现: ```html <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script> ``` ### 2. 创建一个 AngularJS 应用 在 HTML 文件中,使用 ng-app 指令创建一个 AngularJS 应用。这个指令必须放在<html>标签内: ```ht
|
JavaScript 前端开发
|
JavaScript 前端开发 Unix
|
Web App开发 JavaScript 前端开发
|
JSON 数据格式 前端开发
|
JavaScript 前端开发 容器
|
索引 图形学