angular.js - 关于 angular 几个问题

Question

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

巴扎黑 · Answer

Vous ne comprenez pas très bien ce que vous entendez par communication inter-domaines ? Serait-ce une communication entre contrôleurs ? Et déclencheur ?

1. Écrivez simplement ng-bind directement sans utiliser data-* comme ça
2. Le contrôleur où se trouve </code> est au même niveau que le contrôleur <code>main</code>. Vous pouvez ajouter un contrôleur parent en dehors d'eux et <code>mainController.$scope.$parent.title = post.title</code>, ou utiliser directement $rootScope (non recommandé). Vous pouvez également le faire via $emit/$broadcast/$on mais ce n'est pas nécessaire. <br> Puis : </p> <pre class='brush:php;toolbar:false;'><code><title ng-bind="$parent.title||'Default Title'">

3. Vous pouvez rechercher de bons plug-ins de mise en évidence sur github en utilisant angular highlight comme mot-clé. installation de la tonnelle de
4. N'utilisez pas window.setTimeout. Utilisez $timeout() fourni par angulaire, cela renverra une promesse.
5. En fait, une meilleure façon de résoudre le deuxième problème est d'utiliser le service $resource.get().$promise.then(); // ou $http pour garantir que les données distantes sont chargées avant l'exécution.

PHP中文网 · Answer

Ajoutez une classe wtitle à l'élément titre dans le modèle qui restitue l'article, et le titre de la page actuelle sera remplacé par le titre de l'article.
Vous pouvez également le faire dans WeChat~

La fonction de wtitle est de définir le contenu de element.text() comme document.title. Le but de l'utilisation d'iframe est de le rendre efficace dans la vue Web de l'application

.

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