这有什么好笑的，你抱着对angular功能的期望看molecule当然觉得很奇怪，反过来你抱着对molecule功能的期望看angular，angular可能用起来还不错，但是组件过程可谓一塌糊涂，观念也不通透，从原型到最终变成组件，过程极其复杂，概念繁多，不信你用angular实现molecule的第一个例子试试

追本溯源，组件无非就是可以复用的颗粒，从一段程序到它能复用于其它页面，这个过程越简洁开发效率就越高，不能为了最终用起来好爽在幽暗的隧道里不断折腾，组件也可能要返工，如果脱离了开始的代码，未来返工难度就大了

不如看看molecule怎么封装bootstrap对话框：

<div class="modal fade" molecule-def="bs.Dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"></h4>
      </div>
      <div class="modal-body">
        <!-- {INNER_HTML} -->
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
  <script>
     // MOLECULE_DEF
     bs.Dialog = function(){
         this.$el.find('modal-title').html(this.$el.attr('modal-title'));
     }
     // MOLECULE_DEF_END
     Molecule.create(bs.Dialog)
  </script>
</div><!-- /.modal -->

使用：

<div molecule="bs.Dialog" modal-title="标题">对话框内容</div>

现在换 angular 或者你能看到的其它框架试试

【 在 facilitator (黄书中自有颜如玉 脸书中自有黄金屋) 的大作中提到: 】
: 笑死了 好好的angular不用 自己造轮子
: angular很多功能你都没有
--
FROM 101.204.247.*