在同一 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-以避免此类冲突。