Angularjs和文章

时间:2014-07-02 17:05:05

标签: javascript angularjs article

将长文本(比方说文章)实施到Angular项目中的最佳方法是什么?降价优先。我的文章包含丰富的文字和图片。

我对Angular很新,这可能是一个非常基本的功能。

1 个答案:

答案 0 :(得分:0)

以下是使用ng-include:

的示例
<div ng-controller="Ctrl">
  <select ng-model="article" ng-options="a.name for a in articles">
   <option value="">(blank)</option>
  </select>
  url of the article: <tt>{{article.url}}</tt>
  <hr/>
  <div class="slide-animate-container">
    <div class="slide-animate" ng-include="article.url"></div>
  </div>
</div>

的JavaScript

function Ctrl($scope) {
      $scope.articles =
        [ { name: 'article1.html', url: 'article1.html'},
          { name: 'article1.html', url: 'article1.html'} ];
      $scope.article = $scope.articles[0];
    }

article1.html

Extremely long article with <b>markup</b>

article2.html

Extremely long article with <b>markup</b>