angular.js - Beberapa soalan mengenai sudut

Question

Terdapat dua masalah angularjs yang sedia ada Artikel dimuatkan melalui $http. }, iaitu pemuatan siaran Tajuk pelayar siaran dipaparkan sama seperti post.title Dicari...

巴扎黑 · Answer

Tidak faham apa yang anda maksudkan dengan komunikasi merentas domain? Mungkinkah ia komunikasi antara pengawal? Dan pencetus?

1. Hanya tulis ng-bind terus tanpa menggunakan data-* seperti ini
2. Pengawal di mana </code> terletak berada pada tahap yang sama dengan pengawal <code>main</code>. Anda boleh menambah pengawal induk di luar mereka dan <code>mainController.$scope.$parent.title = post.title</code>, atau menggunakan $rootScope secara langsung (tidak disyorkan). Anda juga boleh melakukan ini melalui $emit/$broadcast/$on tetapi ia tidak perlu. <br> Kemudian: </p> <pre class='brush:php;toolbar:false;'><code><title ng-bind="$parent.title||'Default Title'">

3. Anda boleh mencari beberapa pemalam penyerlahan yang bagus pada github menggunakan angular highlight sebagai kata kunci. pemasangan bower
4. Jangan gunakan window.setTimeout Gunakan $timeout() yang disediakan oleh sudut.
5. Sebenarnya, cara yang lebih baik untuk menyelesaikan masalah kedua ialah menggunakan perkhidmatan $resource.get().$promise.then(); // atau $http untuk memastikan data jauh dimuatkan sebelum pelaksanaan.

PHP中文网 · Answer

Tambahkan kelas wtitle pada elemen tajuk dalam templat yang memaparkan artikel dan tajuk halaman semasa akan ditukar kepada tajuk artikel.
Anda juga boleh melakukannya dalam WeChat~

Fungsi wtitle adalah untuk menetapkan kandungan element.text() sebagai document.title Tujuan menggunakan iframe adalah untuk menjadikannya berkesan dalam paparan web apl

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