angular.js - 关于 angular 几个问题

Question

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

巴扎黑 · Answer

I don’t quite understand what you mean by cross-domain communication? Could it be communication between controllers? And trigger?

1. Just write ng-bind directly without using data-* like this
2. </code> 所在的controller是和 <code>main</code>这个控制器平级的。你可以在他们之外加一个父控制器，然后<code>mainController.$scope.$parent.title = post.title</code>, or use $rootScope directly (not recommended). You can also do this via $emit/$broadcast/$on but it's not necessary. <br> Then: </p> <pre class='brush:php;toolbar:false;'><code><title ng-bind="$parent.title||'Default Title'">

3. Use angular highlight as the keyword to search for some good highlighting plug-ins on github. bower install of
4. Don’t use window.setTimeout, use $timeout() provided by angular. It will return a promise.
5. In fact, a better way to solve the second problem is to use $resource.get().$promise.then(); // or $http service to ensure that the remote data is loaded before execution.

PHP中文网 · Answer

Add a class wtitle to the title element in the template that renders the article, and the title of the current page will be changed to the title of the article.
You can also do it in WeChat~

The function of wtitle is to set the content of element.text() as document.title. The purpose of using iframe is to make it effective in the webview of the app

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);
      }
    };
  }
]);