带特殊字符的字符串变量的Angularjs ng重复

带特殊字符的字符串变量的Angularjs ng重复,angularjs,character,ng-repeat,Angularjs,Character,Ng Repeat,我正在对一个包含字符串的数组进行ng重复。问题是有些字符串具有特殊字符,如“度”和小数。下面数组中第一项的输出是“烤箱350°”…而不是“烤箱350*” 方向=[ “烤箱350°;”, “用开水将土豆煮至熟透”, “第二天将土豆粗磨”, “与剩余成分混合”, “放在1.5或2夸脱的浅烤盘中,烘焙约35分钟” ]; 为了让特殊字符发挥作用,您需要使用ngBindHtml 为了使用ngBindHtml,您需要在模块依赖项中包括angular-sanitize.min.js和ng

我正在对一个包含字符串的数组进行ng重复。问题是有些字符串具有特殊字符,如“度”和小数。下面数组中第一项的输出是“烤箱350°”…而不是“烤箱350*”

方向=[
“烤箱350°;”,
“用开水将土豆煮至熟透”,
“第二天将土豆粗磨”,
“与剩余成分混合”,
“放在1.5或2夸脱的浅烤盘中,烘焙约35分钟”
];

  • 为了让特殊字符发挥作用,您需要使用ngBindHtml

    为了使用ngBindHtml,您需要在模块依赖项中包括angular-sanitize.min.js和ngSanitize

    Html

    <div ng-controller="MyCtrl">
      <ul>
        <li ng-repeat="item in directions">
          <span ng-bind-html='item'></span>
        </li>
      </ul>
    </div>
    

    请参阅fiddle

    ,以便使用ngBindHtml所需的特殊字符

    为了使用ngBindHtml,您需要在模块依赖项中包括angular-sanitize.min.js和ngSanitize

    Html

    <div ng-controller="MyCtrl">
      <ul>
        <li ng-repeat="item in directions">
          <span ng-bind-html='item'></span>
        </li>
      </ul>
    </div>
    

    请参阅fiddle

    ,以便使用ngBindHtml所需的特殊字符

    为了使用ngBindHtml,您需要在模块依赖项中包括angular-sanitize.min.js和ngSanitize

    Html

    <div ng-controller="MyCtrl">
      <ul>
        <li ng-repeat="item in directions">
          <span ng-bind-html='item'></span>
        </li>
      </ul>
    </div>
    

    请参阅fiddle

    ,以便使用ngBindHtml所需的特殊字符

    为了使用ngBindHtml,您需要在模块依赖项中包括angular-sanitize.min.js和ngSanitize

    Html

    <div ng-controller="MyCtrl">
      <ul>
        <li ng-repeat="item in directions">
          <span ng-bind-html='item'></span>
        </li>
      </ul>
    </div>
    
    看到小提琴了吗