Question

如何使用angularJs编写打字稿？我使用AngularJs的html页面如下所示。 Index.cshtml：

<script src="~/Scripts/angular.min.js"></script> 
<html ng-app xmlns="http://www.w3.org/1999/xhtml">  
<head>    
 <title></title> 
</head> 
<body ng-app="helloang">
      <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>          
<div ng-controller="HelloName">       
  Your Name: <input type="text" ng-model="txtName" /><label>            
 your Address: <input type="checkbox" ng-model="chkboxAddress" ng-true-value="Kathmandu" ng-false-value="Nepal" />        
 </label>         <hr />       
  Hello {{txtName }}! <br />       
  Address = {{chkboxAddress}}   
  </div>  
</body> 
</html> 
<script>     
function HelloName($scope) {    
     $scope.txtName = 'World';   
      $scope.chkboxAddress = "Mention your address"; 
    } </script>

Answer 1

你的JavaScript工作正常，因为有效的JavaScript是有效的TypeScript，即main.ts文件：

function HelloName($scope) {    
  $scope.txtName = 'World';   
  $scope.chkboxAddress = "Mention your address"; 
}

当然，在包含脚本标记之前，您可以将此.ts文件编译为.js文件。

PS：尝试使用typescript类来提高代码的可伸缩性/可维护性。这是一个关于这个主题的视频：https://www.youtube.com/watch?v=WdtVn_8K17E&hd=1

如何用angularJs编写打字稿？

1 个答案: