1. 程式人生 > >一、angularjs基礎了解

一、angularjs基礎了解

避免 for 應用 目前 tor sta run 頁面 引用

說明:此處比較雜,目前沒有統一的總結哦

  • angularjs 是mvvm框架
  • 加載JS文件總是使用後綴為.min.js的文件,因為這些文件是經過壓縮的,能提升應用的啟動速度

模塊說明:

1、config只能註入 provide 和 constant 2、factory、service 一般用於定義公共函數,使用factory需要返回一個對象,service與controller相似常用於保存臨時數據 3、constant 只用於存放常量信息,這裏避免使用全局變量,定義方法:angular.module(‘app‘).constant(myname,‘myname‘) 4、factory、service、constant、value、provider可以被註入
5、run.js文件放啟動時需要需要預先處理的邏輯 技術分享 6、bootstrap 依賴於jquery,所以在使用bootstrap時必須引用jquery 7、一般頁面的結構:
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Angularjs Form Example</title>
        <link href="bower_components/bootstrap/dist/css/bootstrap.min.css"
rel="stylesheet"> </head> <body ng-app="app"> <article ng-controller=‘formCheckCtrl as formCheck‘> <section class="container-fluid"> </section> </article> <script src="bower_components/angular/angular.min.js"
></script> <script src="src/config/app.js"></script> <script src="src/config/config.js"></script> <script src="src/config/run.js"></script> <script src="src/filters/password.js"></script> <script src="src/factory/platform.js"></script> <script src="src/controllers/formCheckCtrl.js"></script> </body> </html>

8、angular.extend的用法:對象中有的則覆蓋或者更新對象中的值,如果對象中沒有數據則補上。

9、一般的登錄信息等用戶關鍵信息,使用localStorage存儲,需要插件ngStorage

10、使用監控:$scope.$watch(XXXX,XXXXX),

若使用vm的形式需要這樣寫:

$scope.$watch(function(){return vm.password;},checkpassword);

如果使用$scope的形式:

$scope.$watch("$scope.password",checkpassword);

一、angularjs基礎了解