在index.html中具有以下内容以及将组件作为模板加载的简单ui路由器状态
<body ng-app="myApp" layout="column">
<div class="container" layout="row" flex ui-view>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
使用存储在文件中的以下模板定义组件
<md-sidenav md-is-locked-open="true" class="red">sidenav</md-sidenav>
<md-content class="green" flex>content</md-content>
Run Code Online (Sandbox Code Playgroud)
生成的代码将是
<body ng-app="myApp" layout="column">
<div class="container" layout="row" flex ui-view>
<customizing>
<md-sidenav md-is-locked-open="true" class="red">sidenav</md-sidenav>
<md-content class="green" flex>content</md-content>
</customizing>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
标签打破了角度材料布局.如果我不使用组件,只是这样的视图,布局就可以了
<body ng-app="myApp" layout="column">
<div class="container" layout="row" flex ui-view>
<md-sidenav md-is-locked-open="true" class="red">sidenav</md-sidenav>
<md-content class="green" flex>content</md-content>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?我也找到了这篇文章,但我无法弄清楚如何使用该组件作为属性.可能吗?
请参阅plnkr示例
以下是重现的步骤:
在app.js中添加代码:
$ionicPlatform.registerBackButtonAction(function (event) {
alert("back button action handler");
event.preventDefault();
}, 999);
Run Code Online (Sandbox Code Playgroud)
此代码可以添加到.run方法或$ ionicPlatform.ready()方法中 - 相同的结果,不起作用
[BUG] - 未显示警报并执行历史视图导航.这就像我尝试注册的这个动作没有被考虑在内.
我究竟做错了什么?我也在控制器中尝试了这个代码,e.stopPropagation()或e.stopImmediatePropagation仍然没有成功.
我有最新的Ionic(1.4.5)和Cordova 4.3.0,在一些三星设备上测试过.在Ripple它可以正常工作.