angularjs

時間 2019-11-12

標籤 angularjs 欄目 AngularJS 简体版

原文原文鏈接

1.下載 git clone --depth=14 https://github.com/angular/angular-phonecat.githtml

2. git checkout -f step-0node

3.npm install 安裝package.json中的插件(包括grunt之類)git

4.將3中產生的node_module複製到app中
angularjs

5.bower install(npm install -g bower)適合Web應用的包管理器github

6.npm startnpm

npm 是 Node.js 的模塊依賴管理工具。主要解決開發 Node.js 時會遇到的問題。如同 RubyGems 對於 Ruby 開發者和 Maven 對於 Java 開發者的重要性。package.json 、npm 的配置、npm install 命令、npm link 命令和其它 npm 命令。json

7. <html lang="en" ng-app>
api

ng-app指令標記了AngularJS腳本的做用域，在<html>中添加ng-app屬性即說明整個<html>都是AngularJS腳本做用域。開發者也能夠在局部使用ng-app指令，如<div ng-app>，則AngularJS腳本僅在該<div>中運行瀏覽器

8.AngularJS應用，使用模型-視圖-控制器（MVC）模式解耦代碼和分離關注點app

9.服務是經過AngularJS的依賴注入DI子系統來管理的。依賴注入服務可使你的Web應用良好構建（好比分離表現層、數據和控制三者的部件）而且鬆耦合（一個部件本身不須要解決部件之間的依賴問題，它們都被DI子系統所處理）。

爲了使用AngularJS的服務，你只須要在控制器的構造函數裏面做爲參數聲明出所需服務的名字，就像這樣：

function PhoneListCtrl($scope, $http) {...}

10.使用ngSrc指令代替<img>的src屬性標籤。若是咱們僅僅用一個正常src屬性來進行綁定（<img class="diagram" src="{{phone.imageUrl}}">），瀏覽器會把AngularJS的{{ 表達式 }}標記直接進行字面解釋，而且發起一個向非法urlhttp://localhost:8000/app/{{phone.imageUrl}}的請求。

11.關於依賴注入（DI），注入器（Injector）和服務提供者（Providers）

依賴注入是AngularJS的核心特性，這傢伙是怎麼工做的。

當應用引導時，AngularJS會建立一個注入器，咱們應用後面全部依賴注入的服務都會須要它。這個注入器本身並不知道$http和$route是幹什麼的，實際上除非它在模塊定義的時候被配置過，不然它根本都不知道這些服務的存在。

注入器惟一的職責是載入指定的服務模塊，在這些模塊中註冊全部定義的服務提供者，而且當須要時給一個指定的函數注入依賴（服務）。這些依賴經過它們的提供者「懶惰式」（須要時才加載）實例化。

提供者是提供（建立）服務實例而且對外提供API接口的對象，它能夠被用來控制一個服務的建立和運行時行爲。對於$route服務來講，$routeProvider對外提供了API接口，經過API接口容許你爲你的應用定義路由規則。

AngularJS模塊解決了從應用中刪除全局狀態和提供方法來配置注入器這兩個問題。和AMD或者require.js這兩個模塊（非AngularJS的兩個庫）不一樣的是，AngularJS模塊並無試圖去解決腳本加載順序以及懶惰式腳本加載這樣的問題。這些目標和AngularJS要解決的問題毫無關聯，因此這些模塊徹底能夠共存來實現各自的目標。

12. <img ng-src="{{img}}" ng-click="setImage(img)">

13.How to solve DevStack error 「Exception Value: /usr/bin/env: node: No such file or directory」

sudo apt-get install nodejs-legacy

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。