亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Angular AMD 快速入門

Tychio / 2467人閱讀

摘要：快速入門是作者使用開發(fā)的前端框架因此你可以使用它快速創(chuàng)建一款它特別適合快速開發(fā)應(yīng)用。配置路由通過使用我們可以動(dòng)態(tài)配置所需要加載的主要目的是去設(shè)置中去進(jìn)行惰性加載以及無論你傳入什么樣的參數(shù)值進(jìn)去，都會(huì)被返回。

Angular AMD 快速入門

angularAMD是作者@ marcoslin使用 RequireJS ＋ AngularJS開發(fā)的前端mvvm框架,因此你可以使用它快速創(chuàng)建一款Web App.它特別適合快速開發(fā)SPA應(yīng)用。

參考文檔

安裝 bower 
bower install angularAMD
node 
npm install angular-amd
外鏈 
//cdn.jsdelivr.net/angular.amd/0.2/angularAMD.min.js
使用種子 
git clone  https://github.com/Vanthink-UED/AngularAMD-Tutorial

npm install

gulp

訪問 http://localhost:8360/#/home

定義require.js 入口文件

我們定義main.js 作為項(xiàng)目的入口文件,在這里可以定義我們的組件以及組件的依賴項(xiàng);然后在deps里設(shè)置我們的項(xiàng)目主文件
app.js

// 定義入口文件

require.config({
        baseUrl: "./js/",
        urlArgs:  "v=" + (new Date()).getTime() + Math.random() * 10000,
        paths: {
            "angular": "./lib/angular.min",
            "angular-route": "./lib/angular-route",
            "angularAMD": "./lib/angularAMD.min",
            "ngload" : "./lib/" + "ngload.min",
            "ng-progress": "./lib/ngprogress.min",
            "vued.cat": "./directive/cat",
        },
        shim: {
                "angularAMD": ["angular"],
                "angular-route": ["angular"],
                "ng-progress": ["angular"],
        },
        deps: ["app"]
});
啟動(dòng) AngularJS

當(dāng)所有的組件依賴項(xiàng)全部被定義完成，那么app.js作為 Angular 項(xiàng)目的入口文件,將開始執(zhí)行啟動(dòng)程序.

define(["angularAMD"], function (angularAMD) {
    var app = angular.module(app_name, ["webapp"]);
    ... // Setup app here. E.g.: run .config with $routeProvider
    return angularAMD.bootstrap(app);
});

如果引導(dǎo)程序被觸發(fā)，那么原有 ng-app就不應(yīng)該被放置在 HTML中. angularAMD.bootstrap(app)將會(huì)取代程序啟動(dòng)。

配置路由

通過使用 angularAMD.route 我們可以動(dòng)態(tài)配置所需要加載的 controllers;

app.config(function ($routeProvider) {
    $routeProvider.when(
        "/home",
        angularAMD.route({
            templateUrl: "views/home.html",
            controller: "HomeController",
            controllerUrl: "./js/controller/home"
        })
    );
});

angularAMD.route 主要目的是去設(shè)置 require.js 中 resolve 去進(jìn)行惰性加載 controller 以及 view,無論
你傳入什么樣的參數(shù)值進(jìn)去，都會(huì)被返回。

這樣訪問 index.html#/home 就可以查看所做的修改了

中文文檔

英文文檔

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/78904.html

相關(guān)文章

  • 前端資源系列（4）-前端學(xué)習(xí)資源分享&前端面試資源匯總

    摘要：特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...

    princekin 評論0 收藏0

  • 讓 Angular 1.x 跟上時(shí)代的步伐

    摘要：所以說的模塊機(jī)制沒有解決文件依賴關(guān)系和文件異步加載的問題。大部分團(tuán)隊(duì)還是停留在第二第三階段，每個(gè)階段的實(shí)現(xiàn)都有很多種選擇。希望這篇文章能夠激起大家永遠(yuǎn)保持積極向前追求完美代碼的心，不僅對自己的成長也會(huì)對公司帶來無限的價(jià)值。 本篇技術(shù)博客來自有著化腐朽為神奇能力的，Worktile 技術(shù)牛人Web 總監(jiān) @徐海峰 大神的分享~滿滿的干貨，你值得擁有！ Worktile 的前端構(gòu)建之路 2...

    李增田 評論0 收藏0

  • 前端面試，從入門到放棄

    摘要：其中經(jīng)歷了入門到放棄系列的火熱，想起了此題目，可直到其熱度褪去依然沒有開寫。再之前的實(shí)習(xí)也是上午面試下午入職的。 這是前幾篇前端面試文章的結(jié)尾，是很多個(gè)月前就該寫下的事情。其中經(jīng)歷了入門到放棄系列的火熱，想起了此題目，可直到其熱度褪去依然沒有開寫。不能再拖了，否則事情估計(jì)都快忘光了。 面試過程 依然是某金融集團(tuán)的外包，這次換了一個(gè)外包公司。首先是電話面試，還是還是些常見的前端問題，自己...

    fantix 評論0 收藏0

  • vue.js快速入門

    摘要：但是，今天我要寫一個(gè)快速入門，本人覺得還是有一點(diǎn)用處，因?yàn)?，我不可能在一天之?nèi)精通某種東西，卻可以在一兩小時(shí)入門。不知道還要不要再來一個(gè)快速入門，發(fā)展得挺快，東西也像類似的全家。 以前看到多少天學(xué)習(xí)系列，我都深感煩躁，短短幾天怎么可以精通，那是對于他們而言。但是，今天我要寫一個(gè)快速入門，本人覺得還是有一點(diǎn)用處，因?yàn)?，我不可能在一天之?nèi)精通某種東西，卻可以在一兩小時(shí)入門。 回到vue本身...

    MkkHou 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<