1. 程式人生 > >【總結】AngularJs的UI元件ui-Bootstrap

【總結】AngularJs的UI元件ui-Bootstrap

引入 

    <script src="/Scripts/angular.js"></script>

    <script src="/Scripts/ui-bootstrap-tpls-1.3.2.js"></script>

    <link href="/Content/bootstrap.css" rel="stylesheet" />

require('angular');
require('./ui-bootstrap/js/ui-bootstrap-tpls-1.3.2.js');
require('./ui-bootstrap/css/bootstrap.css');

require需要webpack打包

我們使用babel把es6轉化為es5的時候,會把import 轉化為 var _es = require('math'); 採用require引用的commomjs形式。  瀏覽器端不識別requrie,nodejs環境可以識別。  browserify和webpack都可以把require去掉,把所有的檔案打包為一個檔案。  

依賴注入

angular.module('app',['ui-bootstrap'])

在定義模組的時候注入依賴

屬性