angularJS - ng-model 没有更新

Question

在完成了一些关于AngularJS 的教程之后，我现在正在自己编写我的第一个示例应用程序。我从显示一个非常简单的员工列表开始，效果很好。现在我想添加一个简单的文本过滤器，就像我在教程中学到的那样。

我在我的 html 列表中添加了一个带有 ng-model="filterText" 和 | filter: filterText 的输入，并在我的 angularJS 控制器中添加了 $scope.filterText = null;。

当我现在在输入中输入任何内容时，什么都没有发生。当我将filterText 值直接设置到我的AngularJS 控制器时，过滤器正在工作，因此更新textFilter 的值肯定有问题。

我该怎么做才能让它工作？我已经在寻找解决方案，但没有任何帮助。

我的html：

<div class="container main-frame" ng-app="Employees" ng-controller="mainController" ng-init="init()">

<div id="searchbox">
    <label>Filter: </label>
    <input type="text" ng-model="filterText" />
</div>

<div id="emplist">

    <h2>Employees</h2>

    <p>
        <ul id="emps">
            <li ng-repeat="mitarbeiter in results | filter: filterText">
                # {{mitarbeiter.id}} - <strong>{{mitarbeiter.name}}</strong>
            </li>
        </ul>
    </p>

</div>

我的 angularJS：

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

app.controller("mainController", function ($scope) {

    $scope.results = [];
    $scope.filterText = null;

    $scope.init = function(){

        jsonObject = eval(jsonfunction("parameters"));

        angular.forEach(jsonObject, function (mitarbeiter, key) {

            $scope.results.push(mitarbeiter);

        });

    }

})

编辑：

根据NidhishKrishnan的回答：

在 firebug 中，我的 jsonObject 如下所示：

[{"id":1,"name":"John"},{"id":2,"name":"Jane"},{"id":3,"name":"Peter"}]

我用这个 jsonObject 更改了工作解决方案，它仍然工作正常，所以这应该不是问题......

更多信息：我正在使用 Web api 2 控制器在 VS 2013 调试模式下工作，该控制器获取 sql 数据库的数据。我的 jsonfunction 只不过是对控制器的 ajax 请求。

EDIT2：

当我不使用eval() 时，没有任何变化。我成功获取了我的列表，但我无法使用过滤器...这是我的 Ajax 请求：

function jsonfunction(par) {

    $.ajax({

        url: url + par,

        async: false,

        success: function (data) {

            json = data;

        },

        headers: getSecurityHeaders()

    });

    return json;

}

答案在我的WebApiConfig.cs 中格式化为 JSON。不可能有任何错误...

Answer 1

jsonObject javascript 变量应该得到如下所示的一些数据

jsonObject=[{id:1,name:'Jessey'},
            {id:2,name:'John'},
            {id:3,name:'Mathew'},
            {id:4,name:'Sunny'}];  

但是在您的代码中 jsonfunction 没有定义，使用 eval 进行评估的目的是什么，我们需要返回一个 JSON 然后一切甚至过滤器都将按预期正常工作

jsonObject = eval(jsonfunction("parameters"));  

也不要混淆JQuery和AngularJS，因为这不是一个好的做法，请阅读 - Using Jquery UI plugin with Angular

对于AJAXAngularJS本身提供$http

A Working Example

编辑 1

$scope.init = function()
{
        $http({
            method: 'GET',
            url: '/someUrl'
             }).
        success(function (data, status, headers, config) {
            angular.forEach(data, function (mitarbeiter, key) {
                $scope.results.push(mitarbeiter);
            });
        }).
        error(function (data, status, headers, config) {
        });    
}