Javascript 未调用AngularJS服务

在这个fiddle中，我试图通过将文本传递给服务来格式化文本，但服务没有被调用：

代码：

<div ng-controller="MyCtrl">
  <div ng-repeat="line in lines">
      <div class="preview">{{parseText(line.text)}}</div>
   </div>
</div>

var myApp = angular.module('myApp', []);

myApp.factory('parseText', function(data) {
    return "textParsed"
});

function MyCtrl($scope) {
    $scope.lines = [{
        text: 'res1'},
    {
        text: 'res2'}];
}

{{parseText（line.text）}
var myApp=angular.module（'myApp'，[]）；
myApp.factory（'parseText'，函数（数据）{
返回“textParsed”
});
函数MyCtrl（$scope）{
$scope.line=[{
文本：'res1'}，
{
文本：“res2'}]；
}

---

我返回

textParsed

以显示服务未被调用-div中未显示任何文本。如何调用此服务并传递参数

行。text

？

您在创建应用程序时犯了一些错误

• 在主分区上声明

  ng app=“myApp”

• 在应用程序中注入工厂依赖项
• 从工厂返回对象，该对象可以具有诸如parse之类的服务器方法
• 在添加控制器时使用模块化方法，通过创建模块来连接角度组件

标记

<div ng-app="myApp" ng-controller="MyCtrl">
    <div ng-repeat="line in lines">
        <div class="preview">{{parseText.parse(line.text)}}</div>
    </div>
</div>

但是如何将参数“line.text”传递给服务？

var myApp = angular.module('myApp', []);

myApp.factory('parseText', function () {

    var parse = function(val){
        //you could have parsing logic here over your variable
        return val + " something";
    }
    return {
        parse: parse
    }
});

myApp.controller('MyCtrl', MyCtrl)

function MyCtrl($scope, parseText) {
    $scope.parseText = parseText;
    $scope.lines = [{
        text: 'res1'
    }, {
        text: 'res2'
    }];
};