小编Moh*_*ara的帖子

我正在使用angualr-material并希望将一个参数传递给$mdToast.show()内部控制器,我检查了函数中有一个范围,但我不知道如何编写代码,我尝试了很多表达式,但是没有工作,请帮助我,非常感谢!这是我的代码:

JS:

var test='test for angular';
$mdToast.show({
   templateUrl: 'TemplateView/CustomToast/warning.html',
   controller: 'WarningToastCtrl',
   scope:test 
});

angular.module('app')
   .controller('WarningToastCtrl', ['$scope', function ($scope) {
       $scope.value=test;
   }]);

Html:
<md-toast class="warning-toast">
    <span flex>{{value}}</span>
</md-toast>

问:如何将值显示为测试角度？

我在angular2应用程序中有一个实现可折叠列表.我想要做的是,当有人点击它时,更改列表项的图标.到目前为止,我将一个click事件附加到列表中.当我将其打印到控制台时,我看到了元素参考.所以我能够查看子节点并找到附加了活动类的li元素.我的想法是,一旦找到活动元素,我就可以将子节点的图标更改为新图标.这样我就不会改变所有的图标.但是,当我尝试将图标设置为新图标时,我明白了TypeError: 0 is read-only.有没有人知道如何通过角度2做到这一点？

Plunker
https://plnkr.co/edit/jQWf7uIRZIwr4fhyFT03?p=preview

名单

  <ul class="collapsible" data-collapsible="accordion">
    <li>
      <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="material-icons">place</i>Second</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
  </ul>

期望的行为:基本上我正在尝试使用materlize可折叠列表制作下拉树.因此,您单击某个项目,将其图标从加号更改为减号,以模拟您正在扩展和收缩该项目.

图片示例链接

Ajax 调用被安排为微任务还是宏任务？

浏览器之间有什么区别吗？

我想在AngularJS Page Load之前加载数据.我在Angualr上也使用bootstrap和JQuery.主要问题是我在页面上有表格,并使用JQuery进行分页和其他过滤器,包括响应性.

现在发生了什么,该页面加载了所有JQuery,后来我的数据出现在页面上,没有什么像分页等.我做了以下解决方法:

 <script>
      $(function () {
        //  document.body.style.overflow = 'hidden';
          setTimeout(
                  function() 

                      $('#example1').DataTable({
                          "paging": true,
                          "lengthChange": false,
                          "searching": true,
                          "ordering": true,
                          "info": true,
                          "autoWidth": true,
                          "scrollX": true
                        });
                  }, 500);

      });
    </script>

我添加了手动延迟等待JQuery,以便该页面之前加载其数据.

任何人都可以告诉好的解决方案,如何确保在页面HTML呈现之前加载数据？