Angularjs學習---angularjs環境搭建,ubuntu 12.04下安裝nodejs、npm和karma
1.下載angularjs
2.示例1
HelloWorld !
新建一個helloworld.html
<!doctype html> <html ng-app> <head> <script src></script> </head> <body> Hello {{'World'}}! </body> </html>
然後將下載的angular.js拷到與helloworld.html的同一目錄
效果如下所示:
3.helloworld.html程式碼說明
標記ng-app告訴AngularJS處理整個HTML頁並引導應用：
<htmlng-app>
注意，使用雙大括號標記{{}}的內容是問候語中繫結的表示式，這個表示式是一個簡單的字串‘World’。
Hello {{'World'}}!
4.示例2
本示例演示AngularJS的雙向資料繫結（bi-directional data binding）：
- 編輯前面建立的helloworld.html文件。
- 將下面的原始碼複製到您的HTML檔案。
- 重新整理瀏覽器視窗。
原始碼
<!doctype html> <html ng-app> <head> <script src="angular.js"></script> </head> <body> Your name: <input type="text" ng-model="yourname" placeholder="World"><hr> Hello {{yourname || 'World'}}! </body> </html>
效果:
該示例有一下幾點重要的注意事項：
- 文字輸入指令
<input ng-model="yourname" />繫結到一個叫yourname的模型變數。 - 雙大括號標記將
yourname模型變數新增到問候語文字。 - 你不需要為該應用另外註冊一個事件偵聽器或新增事件處理程式！
現在試著在輸入框中鍵入您的名稱，您鍵入的名稱將立即更新顯示在問候語中。 這就是AngularJS雙向資料繫結的概念。 輸入框的任何更改會立即反映到模型變數（一個方向），模型變數的任何更改都會立即反映到問候語文字中（另一方向）。
5.angularjs框架簡介
模板（Templates）
模板是您用HTML和CSS編寫的檔案，展現應用的檢視。 您可給HTML新增新的元素、屬性標記，作為AngularJS編譯器的指令。 AngularJS編譯器是完全可擴充套件的，這意味著通過AngularJS您可以在HTML中構建您自己的HTML標記！
應用程式邏輯（Logic）和行為（Behavior）
應用程式邏輯和行為是您用JavaScript定義的控制器。AngularJS與標準AJAX應用程式不同，您不需要另外編寫偵聽器或DOM控制器，因為它們已經內建到AngularJS中了。這些功能使您的應用程式邏輯很容易編寫、測試、維護和理解。
模型資料（Data）
模型是從AngularJS作用域物件的屬性引申的。模型中的資料可能是Javascript物件、陣列或基本型別，這都不重要，重要的是，他們都屬於AngularJS作用域物件。
AngularJS通過作用域來保持資料模型與檢視介面UI的雙向同步。一旦模型狀態發生改變，AngularJS會立即重新整理反映在檢視介面中，反之亦然。
6.ubuntu 12.04下安裝nodejs、npm和karma
1）安裝nodejs
直接輸入命令sudo apt-get install nodejs 安裝的是0.6版本的,這個會出現問題,導致接下來安裝js測試工具karma,出現問題.
然後,執行命令
tar zxvf node-v0.10.26.tar.gz cd node-v0.10.26 ./configure make sudo make install
這樣直接編譯會出錯!!
必須先把其依賴環境搭建好,必須先執行如下命令:
sudo apt-get install g++ curl libssl-dev apache2-utils sudo apt-get install git-core
git如果已經安裝則不需要再安裝了.
當然也可從github上直接clone了,即使用如下命令:
git clone git://github.com/ry/node.git cd node ./configure make sudo make install
測試是否成功???
[email protected]:~$ node --version v0.10.26
檢視版本是否正確,這裡是正確的.
2)安裝npm
sudo apt-get install npm
3)安裝karma
sudo npm install -g karma
只要安裝nodejs正確,那麼後兩步將會十分順利.
否則安裝karma時將會報如下的錯誤:
[email protected]:~$ sudo npm install -g karma npm http GET https://registry.npmjs.org/karma npm ERR! Error: failed to fetch from registry: karma npm ERR! at /usr/share/npm/lib/utils/npm-registry-client/get.js:139:12 npm ERR! at cb (/usr/share/npm/lib/utils/npm-registry-client/request.js:31:9) .....
karma以前叫testacular,是js的測試框架.
如果還報錯,那麼可以執行以下命令試試,註冊npm:
npm config set registry http://registry.npmjs.org/
相關推薦
Angularjs學習---angularjs環境搭建,ubuntu 12.04下安裝nodejs、npm和karma
1.下載angularjs 2.示例1 HelloWorld ! 新建一個helloworld.html <!doctype html> <html ng-app> <head> <script src><
Linux Ubuntu 12.04 下安裝mysql 以及建立 遠端navicat 連線
安裝過程中需要用到的linux 命令： 1：sudo **** 以sudo 開頭的程式碼 表示 是以管理員執行 2：chmod 777 ***（*號代表檔名） 當你不是以ROOT許可權進入Ubuntu 的話 更改檔案配置 需要修改檔案的 許可權級別，777 代表最高
Ubuntu 12.04 下安裝 Eclipse
$ sudo apt-get install eclipse 方法二：(優點是安裝內容清爽，缺點是配置麻煩) 1、安裝JDK，參考 Ubuntu 12.04 下安裝 JDK 7 2、下載 Eclipse 從 http://www.eclipse.org/downloads/index-develo
Ubuntu 12.04下安裝vim, 簡單配置與基本使用介紹
ubuntu12.04預設沒有安裝vim，執行命令會出現以下錯誤： [email protected]:~$ vim test1.c The program 'vim' can be found in the following packages: * vi
Ubuntu 12.04下安裝VMware Tools遇到的問題
exception: VMware Tools installation fails when Easy Install is in progress (1017687) 在VMware下安裝Ubuntu，那麼必須安裝VMware-tools，才能獲得更好的體驗，包括螢幕解析度、聲音、和window
Ubuntu 12.04下安裝MySQL圖解
轉載地址：http://blog.csdn.net/eddie_520/article/details/23447247 因為Ubuntu Server上 wget比較慢，所以我是直接在windows用迅雷下載好，然後WinSCP上傳到伺服器的，看各自喜好了。 上正題。
ubuntu 12.04下安裝軟體報“在處理時有錯誤發生”解決方案
今天剛裝完ubuntu 12.04，想安裝Chrome瀏覽器，在《Ubuntu軟體中心》沒有找到，只有Chromium，於是就先Googling了一下，有人說先在：“直接去官網下的安裝不了，得要先在《Ubuntu軟體中心》安裝Chromium之後，再安裝Chrome，最後再
Ubuntu 12.04下安裝Gstreamer
一． Gstreamer安裝:方法一：使用sudo apt-get install 安裝sudoapt-get install libgstreamer0.10-dev gstreamer-tools gstreamer0.10-toolsgstreamer0.10-docs
Ubuntu 12.04下安裝mysql 5.5.28版本執行此命令時，缺少 libaio.so.1
在Ubuntu 12.04下安裝mysql 5.5.28版本執行此命令時，會提示如下錯誤的資訊： 執行 ./scripts/mysql_install_db 時出錯。 ./bin/mysqld: error while loading shared libraries:
在Ubuntu 16.04下安裝nodejs
.cn ges ubuntu 技術 com apt-get 分享 6.0 images 源安裝: 1.curl -sL https://deb.nodesource.com/setup_5.x | sudo -E bash - 2.sudo apt-get insta
Ubuntu 12.04下3分鐘搭建apache+python的執行環境
關於搭建apache+python的執行環境，網上很多文章都是用cgi方式，配置非常繁瑣，把很多不相干的東西都扯了進來，都沒有說到要點上。對於很多新手朋友來說，估計摸不著南北。這裡採用mod_python模組的方式，都是用apt-get安裝，3分鐘就搞定了。 1、安裝apache 如果安裝了apac
【Linux-Android開發記(一)】Ubuntu 12.04下搭建Android開發環境
之前寫過一個系列日誌【Linux菜鳥成長記】Ubuntu 10.04系類教程 。從Ubuntud安裝，到常用設定，再到JDK安裝，Eclipse安裝等。 從這篇日誌開始轉為在Ubuntu進行Android開發的系列日誌，將從基礎的SDK安裝開始，慢慢進入： 環境：Ubunt
Ubuntu 12.04下搭建Qt開發環境
Qt開發環境的搭建，具體可按整個專案的開發環境來決定... 例如：本人的電腦主系統是Win7，並且公司提供專門的伺服器來編譯專案，這樣就可以將程式的編輯與編譯分開了。這次是在虛擬機器裡的Ubuntu下搭建一個開發環境，僅當練練手。好，不羅嗦了... /* -------
Ubuntu 14.04下安裝eclipse搭建C++開發環境
安裝過程分為兩部分：1.JAVA開發環境，即JDK的安裝；2.eclipse的安裝； 一.安裝包下載 裡面有各種版本可供選擇，此處我選擇的是Linux x64版本，檔名為：jdk-8u91-linux-x64.tar.gz 選擇Eclipse IDE fo
國科大ruby選課原型系統的環境搭建(Ubuntu 16.04)
步驟： 1.檢視系統版本 [email protected]:~$ lsb_release -a No LSB modules are available. Distributor ID: Ubuntu Description: Ubuntu 16.04.3 LTS R
ubuntu 12.04下搭建web伺服器(MySQL+PHP+Apache) 教程
1.開始說明 下面很多可能參照網上其中以為前輩的，但有所改進吧。這些設定可能會有所不同,你需要根據不同情況進行修改。 安裝apache2 2.切換管理員身份 在ubuntu中需要用root身份進行操作,所以用下面的命令確保以root身份登入: sudo su
ubuntu 12 04 下如何修改螢幕解析度
分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！
ubuntu 16.04下安裝 mysql-connector-c-6.1.11-linux-glibc2.12-x86_64.tar.gz
最近在玩MySQL，就想著用c語言去連結資料庫，看了網上的c語言連結資料的例子，怎麼也執行不了； 網上說要安裝一個庫，如下： 安裝：sudo apt-get install libmysqlclient-dev 不知道是不是我電腦的原因，這種裝過以後報了錯誤，好像是：mysql-com
Ubuntu 12.04上安裝Hadoop並執行
Ubuntu 12.04上安裝Hadoop並執行 作者：凱魯嘎吉 - 部落格園 http://www.cnblogs.com/kailugaji/ 在官網上下載好四個檔案 在Ubuntu的/home/wrr/下建立一個資料夾java，將這四個檔案拷到Ubuntu的/home/wrr/jav
Ubuntu 12.04上安裝MySQL並執行
Ubuntu 12.04上安裝MySQL並執行 作者：凱魯嘎吉 - 部落格園 http://www.cnblogs.com/kailugaji/ 安裝MySQL資料庫 sudo apt-get update sudo apt-get install mysql-serve