angularjs基本知识学习（1）

来源：互联网发布：bi数据产品经理编辑：程序博客网时间：2024/04/30 14:25

买了2本书《angularjs权威教程》，开始系统的学习angularjs的知识。
1.ng-app是angularjs的入口
2.ng-model 指令把输入域的值绑定到应用程序变量 name。
3.ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
4.ng-init 初始化参数，ng-init=”firstName=’John’”
5.ng-bind 绑定参数，ng-bind=”firstName”
6.ng-controller定义一个模块的初始化，ng-controller=”myCtrl”。

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="myapp">    <p>name:<input type="text" ng-model="name" ng-init="param='jiang'"></p>    <h3>hello{{name}}</h3>    <h2>{{param}}</h2>    <h3>{{111+2222}}</h3>    <div ng-controller="mycon">    <input type="text" ng-model="name1"><br>    <input type="text" ng-model="name2"><br>    </div></div><script type="text/javascript">    var app = angular.module('myapp',[]);    app.controller('mycon',function($scope){        $scope.name1 = "jiang1";        $scope.name2 = "jiang2";    })</script></body></html>

阅读全文

0 0