Angularjs 表单结果中的动态favicon

我换了支笔，在表格结果中添加了一个favicon。 它在页面加载时有效，但在动态添加时无效。 这是钢笔： 任何帮助都将不胜感激

    <div class="panel">
        <input type="text" placeholder="Search Bookmarks" ng-model="search" />       
    </div>      
    <ul class="bookmarks">
        <li ng-repeat="site in bookmarks | filter: search">
          <a href="{{ site.url }}">
            <img ng-src="{{site.favicon}}">{{site.url}}
          </a>
          <span class="label secondary"> {{site.category}}</span>
          <i class="right icon-trash" ng-click="deleteBookmark($index)"></i> 
        </li>
    </ul>    
</div>    

它在页面加载时有效，但在动态添加时无效

将

favicon

属性添加到

addBookmark

函数中的推送对象：

 $scope.addBookmark = function () {
      $scope.bookmarks.push({
          title: $scope.site_name,
          url: $scope.site_url,
          category: $scope.site_category,
          likes: 0,
          //IMPORTANT
          favicon: faviconFilter($scope.site_url)
      });
      $scope.site_name = '';
      $scope.site_url = '';
      $scope.site_category = '';
  };

---

感谢您稍加更正

favicon:faviconFilter（$scope.site\u url）

 $scope.addBookmark = function () {
      $scope.bookmarks.push({
          title: $scope.site_name,
          url: $scope.site_url,
          category: $scope.site_category,
          likes: 0,
          //IMPORTANT
          favicon: faviconFilter($scope.site_url)
      });
      $scope.site_name = '';
      $scope.site_url = '';
      $scope.site_category = '';
  };