將<strong>標簽應用於我的 js.coffee 文件中的字符串</strong>

Question

我目前在我的 Ruby On Rails 項目中使用 Angular 和 Slim。 我的 js.coffee 中有一系列問題，目前正在我的視圖中呈現。

數組中的字符串之一具有強標記，但它沒有在我的 html 中正確顯示。

我沒有得到Standard ，而是得到了這個......

On which Playfield is the <strong>Standard</strong> game played ?

我對 angular 還很陌生，我錯過了什么？

爪哇腳本

game_create_ctrl.js.coffee

angular.module('OombangularApp').controller 'GameCreateCtrl', [
  '$scope', '$sce', '$uibModal', 'Game', 'GameFormat', 'PlayfieldType', 'Persona',
  ($scope, $sce, $uibModal, Game, GameFormat, PlayfieldType, Persona) ->

    $scope.step = 1

    ###This works...when it is not an Array
    $scope.html = "On which Playfield is the " + "<strong>Standard</strong>" + " game played ?"
    $scope.stepQuestion = $sce.trustAsHtml($scope.html)        

    ###How do I show the <strong> tags in my view when its an array?

    $scope.stepQuestions = ['What should this Game be called?', 'What should this Game be called?',
                        'What category does this Game belong to?',
                        'On which Playfield is the <strong>Standard</strong> game played ?',
                        'What is the Player Configuration?', 'How is a <strong>Standard</strong> game won?', 'Which Persona owns this Game?']

]

    $scope.stepQuestions = $scope.stepQuestions.map (item) -> $sce.trustAsHtml(item)

視圖

new.html.slim

form[name='gameCreateForm' ng-controller='GameCreateCtrl']

    ###This Works
    .question ng-bind-html="stepQuestion"{{ stepQuestion }}

    ###This doesnt
    .question ng-bind-html="stepQuestions"{{ stepQuestions[step - 1] }}

Answer 1

請嘗試： angularjs 輸出純文本而不是 html （類似問題）或https://docs.angularjs.org/api/ng/directive/ngBindHtml