AngularJS没有写$ scope变量来查看

时间:2016-08-26 16:33:11

标签: angularjs scope

我有一个非常奇怪的问题。使用AngularJS 1.5.8。以前的版本它也没有用。像ng-bind,ng-model,ng-submit这样的函数可以正常工作。

点击" Inschrijven" http://adr-opleiding.ismiami.com/,第二步"邮政编码"并输入例如它将展示阿姆斯特丹。我使用了div元素w / ng-bind =" city"。如果我使用{{city}},则会始终显示{{city}}。我无法从控制器更新它。

angular.module('app', []).controller('HomeController', ['$rootScope', '$scope', '$stateParams', function($rootScope, $scope, $stateParams) {
$scope.$on('$viewContentLoaded', function() {
    $scope.app.settings.htmlClass = $stateParams.htmlClass.website;
    $scope.app.settings.bodyClass = '';
});
}])
.controller('WizCtrl', ['$scope', '$http', function($scope, $http) {
$scope.city = '';

$scope.printCity = function(){

    if($scope.postcode.length == 4) {
        $http({
            method: 'POST',
            url: '/db/get.php',
            data: {  action: 'retCity', zip: $scope.postcode }
        })
        .then(function success(response) {
            $scope.city = response.data.city;
        }, function error(response) {

        });
    }
}
}]);

以下是HTML:

              <div class="form-group">
                <label for="wiz-postcode" class="col-xs-4 control-label">Postcode:</label>
                <div class="col-xs-3">
                  <input class="form-control" type="text" name="wiz-postcode" id="wiz-postcode" style="width: 80px;" placeholder="Postcode" ng-keyup="printCity()" ng-model="postcode" onblur="this.value=this.value.toUpperCase()" />
                </div>
                <div class="col-xs-5" ng-bind="city" style="padding-top: 8px; font-size: 1.1em;"></div>
              </div>

在HTML的最顶端,我有一个带控制器的div元素:

<div ng-controller="WizCtrl">

所以问题是$ scope范围变量如何适用于所有事情,除了用这个{{test}}之类的变量更新视图

1 个答案:

答案 0 :(得分:0)

一个新的Google搜索&#34; angularjs变量在括号中不起作用&#34;让我到AngularJS-Twig conflict with double curly braces我从中学到了w / AngularJS你可以设置符号w /变量start和endSymbol

winston