angular.js - 关于 angular 几个问题

Question

现有 angularjs 问题俩枚 一. 通过 $http 加载了一篇文章,该文章有标题, 现想实现文章加载后将文章标题替换掉浏览器标题. html 结构如下 {代码...} 也就是 post 加载后浏览器标题和 post.title 显示一样. 已搜索...

巴扎黑 · Answer

没太看明白你说的跨域通信？难不成是controller之间通信？还有触发？

1、直接写 ng-bind 就行不用data-* 这样
2、 </code> 所在的controller是和 <code>main</code>这个控制器平级的。你可以在他们之外加一个父控制器，然后<code>mainController.$scope.$parent.title = post.title</code>，或者直接用$rootScope (不怎么推荐)。也可以通过$emit/$broadcast/$on 这样来做不过没什么必要了。<br> 然后：</p> <pre class='brush:php;toolbar:false;'><code><title ng-bind="$parent.title||'Default Title'">

3、以 angular highlight为关键字可以在github搜到一些不错的高亮插件。 bower install 之
4、不要用window.setTimeout，用angular提供的 $timeout() 它会返回一个promise。
5、其实对于第二个问题更好的方法是使用 $resource.get().$promise.then(); // 或者 $http服务，确保远端数据加载完成后才执行。

PHP中文网 · Answer

在渲染文章的模板里面比如标题那个元素上加一个 class wtitle, 就会把当前页面的title改成文章的标题.
在微信里面也可以做到~

这个wtitle的作用, 就是把element.text()的内容作为document.title来设置. 使用iframe的作用是为了使得在app的webview中也能够生效

javascriptapp.directive('wtitle', [
  '$timeout',
  '$document',
  function($timeout, $document){
    return {
      restrict: 'AC',
      link: function($scope, $element, $attrs){
        var watch = $scope.$watch(function(){
          return $element.text().replace(/(^\s*)|(\s*$)/g, '');
        }, function(title){
          // 空标题不显示
          if(/^\s*$/.test(title)){
            return;
          }
          $document[0].title = title;
          var $body = angular.element($document[0].body);
          var $iframe = angular.element('



');
          $iframe.on('load', function(){
            $timeout(function(){
              $iframe.off('load').remove();
            }, 5);
          });
          $body.append($iframe);
        });

        $scope.$on('$destroy', watch);
      }
    };
  }
]);