在angularJS（NgRoute）中加载我的页面后，应在下拉列表中选择值_Angularjs_Typescript

在angularJS（NgRoute）中加载我的页面后，应在下拉列表中选择值

angularjs typescript

在angularJS（NgRoute）中加载我的页面后，应在下拉列表中选择值,angularjs,typescript,Angularjs,Typescript,我使用的是单页角度应用程序。我已经在我的typescript文件中定义了静态数组。我想将我的地址数组中的值绑定到dropdownselect控件。我的ts文件如下 let mainAngularModule = angular.module("mm", ['ngMaterial', 'ngRoute']); mainAngularModule.config(routeConfig); routeConfig.$inject = ['$routeProvider'];

我使用的是单页角度应用程序。我已经在我的typescript文件中定义了静态数组。我想将我的地址数组中的值绑定到dropdownselect控件。我的ts文件如下

 let mainAngularModule = angular.module("mm", ['ngMaterial', 'ngRoute']);

    mainAngularModule.config(routeConfig);

    routeConfig.$inject = ['$routeProvider'];
    function routeConfig($routeProvider, $locationProvider) {
        $routeProvider
            .when('/UserDefinedElement', {
                templateUrl: 'LinkType.html',
                controller: 'linktController as LTController'
            })
       .when('/PersonalPreferences', {
            templateUrl: 'PersonalPreference.html',
            controller: 'personalpreferencesController as PPController'
        })
}

我在同一个ts文件中定义了这个类，如下所示

class LinkTypeController {
    constructor() {

        $scope.items = [
            { Name: "LinkType1", Address: "NC"},
            { Name: "LinkType2", Address: "NY"}
        ];    

       this.AddressData= [
        { ID: 1, description: "NY" },
        { ID: 2, description: "NC" },
        { ID: 3, description: "SC" },
    ];       

    }
}

mainAngularModule.controller("linktController", LinkTypeController);

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
        <div class="demo-md-panel-content">
            <table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Address</th>
                    </tr>
                </thead>
                <tbody>
                    <tr  ng-repeat="x in items">
                        <td>{{x.Name}}</td>
                        <td>
          <md-select ng-model="selectedAddress" ng-model-options="{trackBy:'$value.ID'}">
                            <md-option ng-value="address" ng-repeat="address in LTController.AddressData track by $index">{{ address.description }}</md-option>
                        </md-select>
                      </td>
                    </tr>
                </tbody>
            </table>
        </div>
        </div>
</body>
</html>

我的Linktype HTML代码如下

class LinkTypeController {
    constructor() {

        $scope.items = [
            { Name: "LinkType1", Address: "NC"},
            { Name: "LinkType2", Address: "NY"}
        ];    

       this.AddressData= [
        { ID: 1, description: "NY" },
        { ID: 2, description: "NC" },
        { ID: 3, description: "SC" },
    ];       

    }
}

mainAngularModule.controller("linktController", LinkTypeController);

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
        <div class="demo-md-panel-content">
            <table>
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Address</th>
                    </tr>
                </thead>
                <tbody>
                    <tr  ng-repeat="x in items">
                        <td>{{x.Name}}</td>
                        <td>
          <md-select ng-model="selectedAddress" ng-model-options="{trackBy:'$value.ID'}">
                            <md-option ng-value="address" ng-repeat="address in LTController.AddressData track by $index">{{ address.description }}</md-option>
                        </md-select>
                      </td>
                    </tr>
                </tbody>
            </table>
        </div>
        </div>
</body>
</html>

加载页面时，我希望在下拉列表中选择地址数组中的值。是不是我错过了什么

<md-select ng-model="x.Address">
    <md-option ng-value="address.description" ng-repeat="address in LTController.AddressData track by $index">{{ address.description }}</md-option>
</md-select>

名称：{x.Name} {{address.description}

正在将值分配给下拉列表，但其值错误。.将数组地址中的最后一个值作为两行的SC。@Bob请参考示例