小编gmo*_*gan的帖子

使用角度分量打破材质布局

在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示例

angularjs angular-material

8
推荐指数
1
解决办法
1803
查看次数

离子registerBackButtonAction不起作用

以下是重现的步骤:

  1. 创建一个基本的离子项目"离子启动测试侧面菜单"
  2. 添加android平台"ionic platform add android"
  3. 在app.js中添加代码:

     $ionicPlatform.registerBackButtonAction(function (event) { 
        alert("back button action handler");            
        event.preventDefault(); 
     }, 999);
    
    Run Code Online (Sandbox Code Playgroud)

    此代码可以添加到.run方法或$ ionicPlatform.ready()方法中 - 相同的结果,不起作用

  4. "离子生成android"然后"离子上传" - >或manualy把apk放在设备上

[BUG] - 未显示警报并执行历史视图导航.这就像我尝试注册的这个动作没有被考虑在内.

我究竟做错了什么?我也在控制器中尝试了这个代码,e.stopPropagation()或e.stopImmediatePropagation仍然没有成功.

我有最新的Ionic(1.4.5)和Cordova 4.3.0,在一些三星设备上测试过.在Ripple它可以正常工作.

android ionic-framework ionic

7
推荐指数
1
解决办法
8458
查看次数