Angular js颜色选择器

Question

我使用本教程angular-bootstrap-colorpicker来包含angularjs中的颜色选择器。

我添加了此代码<input colorpicker="hex" class="span2" value="" type="text" ng-model="your_model" /＆gt;

在我的主页home.html中，我发现这个结果很好：

但是当我在弹出窗口中复制此代码时

var myPopup = $ionicPopup.show({

              template: ' Nom Categorie<input type="text" ng-model="data.nomcategorie">   <br> Type Categorie  <input type="text" ng-model="data.typecategorie" > <br><input colorpicker="hex" class="span2" value="" type="text" ng-model="your_model" /><img ng-model="data.imgURI" src="data:image/jpeg;base64,{{imgURI}}">',

              title: 'Ajouter Categorie',

//            subTitle: 'Please use normal things',

              scope: $scope,

              buttons: [{

                 text: 'Cancel'

              }, {

                 text: '<b>Save</b>'}

总是我发现颜色为红色，输入中为空值

我该怎么办？请帮帮我。