angular基礎（一）

阿新 • • 發佈：2019-02-04

–*指令 end

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<script src="angular.min.js"></script>
<style>
    .custom-html{color:red;}
</style 
>
</head>
<body>

<div ng-app="myApp" ng-controller="myCtrl" ng-init="cost=5;num=4;address={province:'shenzhen',detail:'nanshan'};age=[25,26,27]">
    姓：<input type="text" ng-model="firstName"><br>
    名：<input type="text" ng-model="lastName"><br>
    全名：{{firstName 
 + ' ' + lastName}}<br>
    <ul ng-repeat="value in age">
        {{value}}歲?
    </ul>
    年齡：{{age[2]}} <br>
    4*5 = {{cost * num}} <br>
    居住地：{{address.province+' '+address.detail}} <br>
    <ul ng-repeat="value in country">
        {{value.name}} : {{value.num 
}}枚金牌
    </ul>
    <custom-html></custom-html> <!-- E -->
    <div custom-html></div> <!-- A -->
    <div class="custom-html"></div> <!-- C -->
    <!-- M  replace:true -->
    <!-- directive: custom-html -->
</div>

<script>
    var app = angular.module('myApp',[]); //demo中ng-app為‘myApp’元素是angular應用程式
    app.controller('myCtrl',function($scope){ //myApp應用程式是由什麼資料內容控制的
        $scope.firstName = "SUN";
        $scope.lastName = "GANG";
        $scope.country = [
            {num:25,name:'中國'},
            {num:3,name:'USA'},
            {num:0,name:'JP'},
        ]
    });

    app.directive("customHtml",function(){
        return {
            restrict : "AECM",
            replace : true,
            template:"<h3>directive用於自定義標籤內容！</h3>"
        }
    })
</script>

</body>
</html>

angular基礎（一）

–*指令 end <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta conte

angular.js入門基礎（一）

AngularJS簡介 AngularJS 誕生於 2009 年，由 Misko Hevery 等人建立，後為 Google 所收購。是一款優秀的前端 JS 框架，已經被用於 Google 的多款產品當中。AngularJS 有著諸多特性，最為核心的是：MVC、模組

python大法之二-一些基礎（一）

計算機編程 python 獨立博客 hello 解釋器個人獨立博客出處：http://www.xbman.cn/出處：http://www.xbman.cn/article/3Python是一種解釋性計算機編程語言。采用縮進式語法，寫起來的感覺有點像排了版的shell，這裏要註意寫pyt

Linux基礎（一）

顯示文件單用戶重要命令普通 art 免費使用出現文件夾一、了解Unix和Linux 1.Unix和Linux的起源　　出現分時操作系統的概念後，貝爾實驗室和通用電氣在CTTS成功研制後決定開發能夠同時支持上百終端的MULTICS，但是失敗了。後來一位參加過M

DOM 基礎（一）

引號 nod pro 操作符結果所有組數組 tag 方式 DOM(document object model)由節點構成，元素節點，文本節點，屬性節點是一份DOM的所有組成。 <p id="p">this is a node</p>

Jquery基礎（一）

4.2 aaa round next apu eat addclass 3.1 什麽一 jQuery是什麽？ <1> jQuery由美國人John Resig創建，至今已吸引了來自世界各地的眾多 javascript高手加入其team。 &

Java基礎（一）異常處理關鍵字：try catch finally throw throws

cut main 5.1 模型指針 str control 情況實例　　嗨咯，大家晚上好，我的博客首篇開始了，我們一起加油吧！都說java 語言是非常健壯性如：垃圾回收機制、內存模型、異常處理，強類型轉換、跨平臺,等等，使得Java語言的受到青睞。今天我們先來聊

Angular基礎（二）

spa rip 函數 itl 利用 lin 作用域 eight res 雙向數據利用angular把input框裏面的值和h3的值綁定在一起。在input裏輸入內容，內容會在h3標簽裏顯示出來。具體效果請看下面代碼： <!DOCTYPE html>

計算機系統基礎（一）

指令譯碼多核cpu 數據處理計數 sin 單元中央處理器 ssi 緩沖計算機硬件系統：運算器、控制器、存儲器、輸入設備、輸出設備中央處理器（Center Processing Unit,CPU）：運算器、控制器存儲器：內部存儲器、外部存儲器外部設備：輸

Linux下MySQL的基礎（一）

mysql基於解釋MYSQL的基礎1. MySQL服務器中幫助的使用格式： mysql> help command eg： mysql> help create database Name: ‘CREATE DATABASE‘ Description: Sy

Python基礎（一）

類型 spa 例子 hat except 存在內容限制字符數 Python基礎1 1.Hello World程序 2.變量 3.用戶輸入 4.模塊初識 5.數據類型初識 6.數據運算 7.表達式if ...else語句 8.表達式fo

Django基礎（一）

forever sha 以及 sta sim localhost 3.1 tro def 一什麽是web框架？框架，即framework，特指為解決一個開放性問題而設計的具有一定約束性的支撐結構，使用框架可以幫你快速開發特定的系統，簡單地說，就是你用別人搭建好的舞臺來做

angular-material（一）

logs http com gmat alt 註入 you css mage 1.引入文件（angular-material.css、angular.min.js、angular-animate.js、angular-aria.min.js、angular-material

Javascript 基礎（一）

個數復制 oat con test 代碼轉換成 com ros 彈窗：　　alret（“要彈出的內容”）；彈出來之後不點確定網頁不會執行下去　　confirm("要彈出的內容");確定對話框，點確定返回True，點取消返回False，可用變量接受　　promp

java學習——java基礎（一）之概念解析

userinfo shuf cdn pdm shu href ember sig lower 鵲拙崩系06凳q毫乙6http://docstore.docin.com/sina_6341933819 6j50uk佬詼4wn刮掖http://shequ.docin.com/

Ansible基礎（一）

saltstack 業界 ssi chef spa 通過 image 應用 twitter 一、介紹 Ansible 是一個配置管理和應用部署工具，功能類似於目前業界的配置管理工具 Chef,Puppet,Saltstack。Ansible 是通過 Python 語言

java基礎（一）

any 1.8 安全性安裝普通 java語言針對編譯關鍵字 Java語言概述　　A:Java語言發展史　　詹姆斯·高斯林（James Gosling）1977年獲得了加拿大卡爾加裏大學計算機科學學士學位，1983年獲得了美國卡內基梅隆大學計算機科學博士學位

java編程基礎（一）

true 一行代碼對象的引用整型 es2017 tab鍵轉義 int 定位 Java編程基礎(一) 1. java基本語法 1.1 Java基本格式修飾符 class 類名 { 程序代碼 } Java嚴格區分大小寫，例如不能

【java】java學習之路-01-Linux基礎（一）

x文件字母 at命令超過用戶登錄創建刪除軟連接 nbsp tail linux學習方法：你的程序要在服務器（linux）上執行，服務器沒有桌面系統，學習linux就是學習命令。一、Linux介紹 1、芬蘭大學生，名字叫Linux，因為個人興趣，編寫了一個類Un

LoadRunner基礎（一）

http es2017 調用 generator ner 服務器 ges 個性包含一、包含四大組件 Virtual User Generator：虛擬用戶產生器。用來進行腳本的開發和調試，它的任務是記錄下用戶的操作流程，然後將其轉換為測試腳本，供Controller調

angular基礎（一）

相關推薦