<md自动完成隐藏在asp.net中

如何解决<md自动完成隐藏在asp.net中

在我的角度控制器中实现

<html lang="en" ng-controller="LoginController as ctrl" ng-app="myApp">
<head>
    <link rel="stylesheet"
     href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
    <script src="~/Scripts/Contoller/AutoCompleteController.js"></script>
</head>

<body>
   
        <md-content class="md-padding">
            <form ng-submit="$event.preventDefault()">         
                <md-autocomplete ng-disabled="ctrl.isDisabled"
                                 md-no-cache="ctrl.noCache"
                                 md-selected-item="ctrl.selectedItem"
                                 md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
                                 md-search-text="ctrl.searchText"
                                 md-selected-item-change="ctrl.selectedItemChange(item)"
                                 md-items="item in ctrl.querySearch(ctrl.searchText)"
                                 md-item-text="item.display"
                                 md-min-length="0"
                                 placeholder="US State?">

                    <md-item-template>
                        <span md-highlight-text="ctrl.searchText"
                              md-highlight-flags="^i">{{item.display}}</span>
                    </md-item-template>

                    <md-not-found>
                        No states matching "{{ctrl.searchText}}" were found.
                        <a ng-click="ctrl.newState(ctrl.searchText)">Create a new one!</a>
                    </md-not-found>
                </md-autocomplete>
          

              
            </form>
        </md-content>
   
</body>
</html>

我的Angular控制器文件：

var httpTimeout = 1800000;
var httpTimeoutSearch = 3600000;
angular.module('MyApp',['ngStorage'])
var app = angular.module('myApp',[]);
app.controller('LoginController',['$scope','$window','$rootScope','$http','$location',function ($scope,$window,$rootScope,$http,$localStorage,$location,$timeout,$q,$log) {
    alert("in");
    var self = this;
    self.simulateQuery = false;
    self.isDisabled = false;

    // list of states to be displayed
    self.states = loadStates();
    self.querySearch = querySearch;
    self.selectedItemChange = selectedItemChange;
    self.searchTextChange = searchTextChange;
    self.newState = newState;

    function newState(state) {
        alert("This functionality is yet to be implemented!");
    }

    function querySearch(query) {
        var results = query ? self.states.filter(createFilterFor(query)) :
            self.states,deferred;

        if (self.simulateQuery) {
            deferred = $q.defer();

            $timeout(function () {
                deferred.resolve(results);
            },Math.random() * 1000,false);
            return deferred.promise;
        } else {
            return results;
        }
    }

    function searchTextChange(text) {
        $log.info('Text changed to ' + text);
    }

    function selectedItemChange(item) {
        $log.info('Item changed to ' + JSON.stringify(item));
    }

    //build list of states as map of key-value pairs
    function loadStates() {
        var allStates = 'Alabama,Alaska,Arizona,Arkansas,California,Colorado,Connecticut,Delaware,\
                      Florida,Georgia,Hawaii,Idaho,Illinois,Indiana,Iowa,Kansas,Kentucky,Louisiana,\
                      Maine,Maryland,Massachusetts,Michigan,Minnesota,Mississippi,Missouri,Montana,\
                      Nebraska,Nevada,New Hampshire,New Jersey,New Mexico,New York,North Carolina,\
                      North Dakota,Ohio,Oklahoma,Oregon,Pennsylvania,Rhode Island,South Carolina,\
                      South Dakota,Tennessee,Texas,Utah,Vermont,Virginia,Washington,West Virginia,\
                      Wisconsin,Wyoming';

        return allStates.split(/,+/g).map(function (state) {
            return {
                value: state.toLowerCase(),display: state
            };
        });
    }

    //filter function for search query
    function createFilterFor(query) {
        var lowercaseQuery = angular.lowercase(query);
        return function filterFn(state) {
            return (state.value.indexOf(lowercaseQuery) === 0);
        };
    }
}]);

我从角度演示中复制了代码，并将其替换在控制器中，控制台未显示任何错误，但它不起作用。

<md自动完成隐藏在asp.net中

如何解决<md自动完成隐藏在asp.net中

相关推荐