javascript - 无法在 Angular.js 中使用检索到的 JSON 对象

Question

这是我的第一个 Angular 项目。我创建了一个指令。我无法插入我从 RESTful API 服务的对象中获取的值。控制台显示的对象是这样的，

下面是必要的文件，

knob.js(指令)

angular.module('knob', [])

.directive('knob', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            element.knob({
                fgColor: attrs.fgColor
            });
        }
    }
})  

dashboard.js( Controller )

myApp.controller('DashController', function($scope, $http, $cookies, $cookieStore) {

    $http({
        url: site + '/company/dashboard',
        method: "GET",
        transformRequest: encodeurl,
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    }).success(function(data) {
        console.log(data); //data has the object that i want to use
        $scope.dash = data.count;
    }).error(function(res) {
        console.log(res);
    });

});  

dahboard.html(查看)

<li>
    <div class="knob_contain">
      <h4 class="knobs_title">Deals Left This Month</h4>
      <input type="text" value="{{dash.profile}}" knob class="dial dialIndex">
    </div>
</li>  

我希望将 count.profile 值绑定(bind)到我使用旋钮的输入类型。如果你需要，我会给你更多的文件。

Answer 1

更好的方法是将模型分配给文本框，例如

 <input type="text" ng-model="dash.profile" knob class="dial dialIndex">