在ng-repeat

时间:2017-03-28 16:42:27

标签: javascript angularjs angularjs-ng-repeat

我想知道是否有办法在我的ng-repeat中引入具有不同文本内容的字母模板,这只会从我的服务器中引入模板标题。我想知道是否可以在不将其与服务器上的其他数据放在一起的情况下获取内容。有什么建议吗?

这是我的控制器,我目前正在引入1个模板,但是当我不想要它时,该模板正在重复:

app.controller('letterTemplatesCtrl', function($scope, letterTemplatesSrv) {

    $scope.getAllTemplates = letterTemplatesSrv.getAllTemplates().then(function(response) {
        $scope.templates = response.data;
    });

    //Changes tempalte border to red when select button is clicked
    $scope.activeTemplate = function(index) {
        $scope.isSelected = index;
    };

    // Truncated letter template content
    $scope.longText1 = "Dear (name), Ho Ho Ho! Merry Christmas! The Elves and I are busy making presents for all of the good boys and girls around the world. You have been such a good (boy/girl) this year, so I wanted to take a minute to write you a letter. I’ve made my Naughty and Nice list, and I’ve checked it twice. You are on my Nice List! I am so happy that you have been such a good (boy/girl) this year.I heard from my secret messenger that you want (What do they want for Christmas?) for Christmas this year. Because you have been so good, the Elves and I have prepared a special present for you to open on Christmas Morning. Can you do me a favor? I want you to try really hard to (insert something that the child needs to work on). If you can do that for me, then I will be very happy and might bring you an extra treat on Christmas Morning. By the time I get to your house in (location), I am going to be very hungry. Would you leave some cookies and milk out for me? Chocolate Chip cookies are my favorite, but I love all kinds of cookies! Well I need to get back to my workshop and help the Elves. Keep up the good work (Name) and have a Very Merry Christmas! Ho Ho Ho, Santa Claus";

});

这是我的HTML:

<div layout="row" layout-xs="column" layout-padding layout-margin layout-align="center center">
    <div flex ng-repeat="template in templates">
        <div class="template-chooser" ng-class="{'selected-template':isSelected === $index}">
            <span class="template-title">{{template.template_name}}</span>
            <p class="template-content" ng-text-truncate="longText1" ng-tt-chars-threshold="40"></p>
            <md-button class="md-raised md-primary template-chooser-btn" ng-click="addProductToCart(product); activeTemplate($index)">Select</md-button>
        </div>
    </div>
</div>

0 个答案:

没有答案