Angularjs MVC5中的角度JS初始化和显示_Angularjs

Angularjs MVC5中的角度JS初始化和显示

angularjs

Angularjs MVC5中的角度JS初始化和显示,angularjs,Angularjs,这是我的MVC5项目视图cshtml文件，有人能告诉我为什么我的模型“Check”根本没有显示和初始化吗 <div ng-cotroller="HouseInArea_Module_Control" class="container"> <div ng-init="getHouseInArea()"> <label>start</label><input type="text" ng-model="HouseBasket"> {{

这是我的MVC5项目视图cshtml文件，有人能告诉我为什么我的模型“Check”根本没有显示和初始化吗

 <div ng-cotroller="HouseInArea_Module_Control" class="container">
 <div ng-init="getHouseInArea()">
 <label>start</label><input type="text" ng-model="HouseBasket"> {{HouseBasket}} {{Check}}
 </div>
 </div>

  <script>   
   function HouseInArea_Module_Control($scope) {
    $scope.HouseBasket = 0;
    $scope.Check = 2;
    $scope.getHouseInArea = function () {
        $scope.Check = 1;
    };
   }
    </script>


开始{{houseball}{{Check}
功能住宅区域模块控制（$范围）{
$scope.houseball=0；
$scope.Check=2；
$scope.getHouseInArea=函数（）{
$scope.Check=1；
};
}

您没有正确初始化AngualarJS，并且有一个输入错误，它应该是

ng controller

而不是

ng cotroller

。另外，我不认为可以将nginit与函数一起使用，我相信它仅用于数据结构（通常认为这不是一个好的实践）

考虑到所有的错误，它可能会帮助您完成，但是下面是要使用的语法

angular
 .module('myApp', [])
 .controller('HouseInArea_Module_Control', function($scope) {
    $scope.HouseBasket = 0;
    $scope.Check = 2;
    $scope.getHouseInArea = function () {
      $scope.Check = 1;
    };

    $scope.getHouseInArea(); // call the initialization function when the controller loads instead of using ng-init
}

您可以将对getHouseInArea的调用移动到控制器本身，假设您希望它在每次调用控制器时都运行。注意Jason提到的ng应用程序和ng控制器打字错误更正


功能住宅区域模块控制（$范围）{
$scope.houseball=0；
$scope.Check=2；
$scope.getHouseInArea=函数（）{
$scope.Check=1；
};
//主要
$scope.getHouseInArea（）；
}
你好，普朗克！
开始
{{houseball}}{{Check}

谢谢，它工作得很好。有人教我用这种方法来实现。此外，ng init也可以工作

<!DOCTYPE html>
<html ng-app>
  <head>
    <script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script>
      function HouseInArea_Module_Control($scope) {
        $scope.HouseBasket = 0;
        $scope.Check = 2;
        $scope.getHouseInArea = function () {
          $scope.Check = 1;
        };
        // main
        $scope.getHouseInArea(); 
      }
    </script>
  </head>
  <body>
    <h1>Hello Plunker!</h1>
    <div ng-controller="HouseInArea_Module_Control" class="container">
      <div>
        <label>start</label><input type="text" ng-model="HouseBasket">
        {{HouseBasket}} {{Check}}
      </div>
    </div>
  </body>
</html>