javascript – 如何使用TypeScript控制器和角度Js绑定数据

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用TypeScript控制器和角度Js绑定数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在玩类型脚本.我已经将我的角度的js控制器转换为类型脚本,但我面临的问题在ng中继器. (我附上我的控制器代码如下:
  1. class CustomCtrl{
  2. public customer;
  3. public ticket;
  4. public services;
  5. public cust_File;
  6. public ticket_file;
  7. public service_file;
  8.  
  9. static $inject = ['$scope','$http','$templateCache'];
  10. constructor (
  11. private $http,private $templateCache
  12. ){}

解决方法

我决定添加另一个答案,介绍如何在TypeScript中创建和使用控制器,并将其注入到angularJS中.

这是这个答案的扩展

How can I define my controller using TypeScript?我们也有a working plunker

所以有这个指令:

  1. export class CustomerSearchDirective implements ng.IDirective
  2. {
  3. public restrict: string = "E";
  4. public replace: boolean = true;
  5. public template: string = "<div>" +
  6. "<input ng-model=\"SearchedValue\" />" +
  7. "<button ng-click=\"Ctrl.Search()\" >Search</button>" +
  8. "<p> for searched value <b>{{SearchedValue}}</b> " +
  9. " we found: <i>{{FoundResult}}</i></p>" +
  10. "</div>";
  11. public controller: string = 'CustomerSearchCtrl';
  12. public controllerAs: string = 'Ctrl';
  13. public scope = {};
  14. }

我们可以看到,我们声明这个指令可以作为元素使用.我们也内衬了一个模板.此模板已准备好绑定SearchedValue并在我们的控制器Ctrl.Search()上调用Action.我们在说什么是控制器的名称:’CustomerSearchCtrl’,并要求运行时使其成为“Ctrl”(conrollerAs

猜你在找的JavaScript相关文章