当我使用ons.creatDialog()让对话框显示时,出现错误

时间:2015-10-15 16:34:54

标签: onsen-ui

我的代码如下:

module.controller('portfoliosController', function($scope){
$scope.dialogs = {};

$scope.show = function() {
    ons.createDialog('managePort.html',{parentScope: $scope}).then(function(dialog) {
        dialog.show();
    });
};
});

和HTML:

 <div class="right" ng-click="show()" style="font-size:22px;color:white;padding-right:10px;margin-top:12px;" ><i class="fa fa-pencil-square-o"></i></div>
    <script type="text/ons-template" id="managePort.html">
    <ons-dialog var="dlg" cancelable>
        <ons-list>
          <ons-list-item modifier="tappable">
            Foo
          </ons-list-item>
          <ons-list-item modifier="tappable">
            Bar
          </ons-list-item>
          <ons-list-item modifier="tappable">
            Hoge
          </ons-list-item>
        </ons-list>    
    </ons-dialog> 
</script>

erorr是错误:undefined不是对象(评估'attrs.length')

有人知道原因吗?

1 个答案:

答案 0 :(得分:0)

您似乎还没有包含控制器,您需要使用ng-controller="portfoliosController"

来包含它

我修改了你的应用程序,这是一个工作版本:

http://codepen.io/andipavllo/pen/BodgKe