angularjs는 리턴 키로 데이터를 동적 추가하고 페이지에 렌더링합니다

2621 단어

    
        <span style="color: #0000ff;">var</span> myapp=angular.module("myapp"<span style="color: #000000;">,[]);
        myapp.controller(</span>"myCtrl",<span style="color: #0000ff;">function</span><span style="color: #000000;">($scope){
            $scope.items</span>=<span style="color: #000000;">[];
            $scope.fun</span>=<span style="color: #0000ff;">function</span><span style="color: #000000;">(event){
                console.log(event);
                </span><span style="color: #0000ff;">if</span>(event.keyCode==13<span style="color: #000000;">){// input ul li 
                    $scope.items.unshift($scope.course); input ul li 
                    $scope.course</span>=""<span style="color: #000000;">;
                }
            }
        })
    </span>

스타일
<body ng-app="myapp" ng-controller="myCtrl" ng-keyup="fun($event)">
<input type="text" ng-model="course">
<ul>
    <li ng-repeat="item in items">{{item}}li>
ul>
body>

좋은 웹페이지 즐겨찾기