在同一 Angular.js 應用程序中使用“ui.bootstrap”和“720kb.datepicker”模塊時出錯

Question

在 Angular.js 中的一個應用程序中一次使用ui.bootstrap和720kb.datepicker模塊時，我收到以下錯誤。

Error: [$compile:multidir] http://errors.angularjs.org/1.4.6/$compile/multidir?p0=datepicker&p1=&p2=da…-prev%3D%22%3Ci%20class%3D%26quot%3Bfa%20fa-arrow-circle-left%26quot%3B%3E
    at Error (native)
    at http://oditek.in/Gofasto/js/angularjs.js:6:416
    at Q (http://oditek.in/Gofasto/js/angularjs.js:69:353)
    at D (http://oditek.in/Gofasto/js/angularjs.js:62:492)
    at http://oditek.in/Gofasto/js/angularjs.js:68:182
    at http://oditek.in/Gofasto/js/angularjs.js:118:334
    at n.$eval (http://oditek.in/Gofasto/js/angularjs.js:132:452)
    at n.$digest (http://oditek.in/Gofasto/js/angularjs.js:129:463)
    at n.$apply (http://oditek.in/Gofasto/js/angularjs.js:133:236)
    at g (http://oditek.in/Gofasto/js/angularjs.js:87:376)

當我刪除ui.bootstrap模塊時，這個錯誤不會出現，但我也強烈需要ui.bootstrap模塊。我在下面解釋我的代碼。

<datepicker date-format="dd-MM-y" button-prev='<i class="fa fa-arrow-circle-left"></i>' button-next='<i class="fa fa-arrow-circle-right"></i>'> 
                                <input type="text" name="birthdate" class="form-control" ng-model="date" placeholder="Add date" />
                                </datepicker>

請使用 both 模塊幫助我解決此錯誤。

Answer 1

將ui.bootstrap模塊更新到ui.bootstrap以上的版本。 模塊背后的團隊在指令名稱前加上uib-以避免此類沖突。