整合有角度的插件

我是新角度。我試圖使用這個插件： http://ngmodules.org/modules/angular-datepicker我跑涼亭和咕嚕生成，所以我想我已經得到他們正確安裝。整合有角度的插件

當我用grunt serve啓動應用程序時，我只是'未被捕獲的對象'。

我的一個障礙是我並不完全熟悉如何設置應用程序。

我工作的dash.html頁面有一個破折號directive.js，像這樣：
angular.module('sysomos.ads'). 
    directive('sysReportViewQuery', [ 
    function() { 
    } 
    ]). 
    //...etc. 
    directive('sysReportViewQueryToggle', [ 
    function() { 
    } 
    ]); 
我想也許我可以添加dateRangePicker這樣的：
angular.module('sysomos.ads',['dateRangePicker']).//etc 
但那不起作用。

還有一個叫做app.js的非常短的文件，我嘗試添加這個插件：'use strict';
angular.module('sysomos.ads', [ 
    'LocalStorageModule', 
    'ngCookies', 
    'ui.router', 
    'ngAnimate', 
    'mgcrea.ngStrap', 
    'sys.common.api', 
    'sys.common.auth', 
    'dateRangePicker' 
]); 
但沒有喜樂。

我意識到我問我自己的應用程序是如何構建的，但我希望這是一個常見的的，可識別的設置。

[更新：] 在試圖得到這個插件安裝在一個適當的基礎，我已經卸載並刪除該文件手動，然後回去和使用亭子爲自動安裝，從亭子的日期選擇器.IO。它可能是也可能不是同一個模塊，沒關係，我只是試圖安裝一些東西。

當我咕嚕建立，它給了我這個消息：

角日期選擇器是不是在你的文件注入。請去參加「應用程序\公用\ LIB \角日期選擇器」一看您需要的文件，然後手動在文件中包含它。

什麼「文件」我手動包括它？如何？ bower.json？

我猜也許這是一個路徑問題的 - 有角，日期選擇器內的幾個子文件夾 - 我會感到驚訝，如果能找到合適的文件：

-angular-datepicker 
    -app 
    -scripts 
     -datePicker.js 
     -dateRange.js

，但我沒有看到我將如何修復它在bower.json文件中 - 那裏沒有路徑。

我的根bower.json看起來是這樣的：

{ 
    "name": "sysomos-ads", 
    "version": "0.0.0", 
    "dependencies": { 
    "angular": "1.2.16", 
    "angular-ui-router": "0.2.10", 
    "angular-strap": "2.0.2", 
    "angular-animate": "1.2.16", 
    "angular-motion": "0.3.2", 
    "angular-cookies": "1.2.16", 
    "angular-local-storage": "0.0.5", 
    "jquery": "1.11.0", 
    "bootstrap": "3.1.1", 
    "components-font-awesome": "4.1.0", 
    "angular-datepicker": "~1.0.3" 
    }, 
    "devDependencies": { 
    "angular-mocks": "1.2.16", 
    "angular-scenario": "1.2.16" 
    } 
}

和角，日期選擇器/亭子。JSON看起來是這樣的：

{ 
    "name": "angular-datepicker", 
    "license": "MIT", 
    "version": "1.0.0", 
    "ignore": [ 
    ".gitignore","README.md" 
    ], 
    "dependencies": {}, 
    "devDependencies": { 
    "angular": "1.2.0-rc.2", 
    "jquery": "~2.0.2", 
    "angular-mocks": "~1.0.5", 
    "angular-scenario": "~1.0.5", 
    "angular-bootstrap": "~0.3.0" 
    }, 
    "resolutions": { 
    "angular": "1.2.0-rc.2" 
    } 
}

來源

2014-07-11 DaveC426913

嘗試改變

dateRangePicker

到

datePicker

而且一定要添加這個腳本文件

datePicker.js 
dataRange.js

來源

2014-07-11 16:21:19 pokaxperia

有一個datepicker沒有datePicker.js或dateRange.js文件。 – DaveC426913

我已更新原始帖子以反映我的進度。 – DaveC426913

看來，如果你正在使用自動化的一些方法在你的HTML中包含bower安裝的腳本。在您正在安裝的日期選擇器的實例中，它無法自動連接此依賴項。

我會建議找到您的index.html文件或您的默認佈局文件。一旦你找到這個文件，你應該對上述腳本的引用進行硬編碼。

<script src="/public/lib/angular-datepicker/app/scripts/datePicker.js"></script> 
<script src="/public/lib/angular-datepicker/app/scripts/dateRange.js"></script>

值得注意鮑爾僅僅是一個依賴管理工具。這是安裝第三方庫的一種便捷方式。一旦你在bower.json文件中指定了依賴關係（類似於package.json），只需運行bower install以便「獲取」這些依賴關係。

Bower只會通過其註冊存儲庫下載依賴關係，並將它們放置在應用程序的目錄中。在大多數應用程序中，您需要自己包含依賴項，例如上面提到的方法（在Javascript依賴項的情況下）。

您指定Angular的方法依賴關係看起來是正確的，因此您可以將上面的標記添加到index.html或佈局模板中，一切都應該正常工作。

我希望這會有所幫助。

來源

2015-02-14 20:30:59

您的依賴關係看起來不錯。

所有bower install --save angular-datepicker後，首先你有一個目錄：

-angular-datepicker 
    -app 
    -dist 
    -test

所以，你需要從DIST只加2個文件目錄：

index.js 
index.css

這一行：

angular.module('sysomos.ads',['dateRangePicker']).//etc

您必須變化這樣：

angular.module('sysomos.ads',['datePicker']).//etc

現在你可以使用像here

來源

2015-02-19 10:09:06 flowr

整合有角度的插件

回答

相關問題