AngularJS 컨트롤러를 사용하는 방법은 무엇입니까? Anglejs 컨트롤러 및 필터 소개

이번 글에서는 angularjs Controller의 사용법과 angularjs filter의 사용법 소개를 소개합니다. 이 글을 살펴보겠습니다

AngularJS 컨트롤러

AngularJS 컨트롤러 AngularJS 애플리케이션의 데이터를 제어합니다.
AngularJS 컨트롤러는 일반 JavaScript 객체입니다.

<h2>AngularJS 控制器属性</h2><p ng-app="" ng-controller="MyController">
   <p>姓名：<input type="text" ng-model="person.name"></p>
    <p>性别： <input type="text" ng-model="person.sex"></p>
    <p>信息： {{person.info()}}  </p></p><script type="text/javascript">
    function MyController($scope){
        $scope.person = {
            name:"LanFeng",
            sex:"女",
            info:function(){
                var x;
                x = $scope.person;                return x.name + " "+ x.sex;
            }
        }
    }</script><h2>AngularJS 控制器方法</h2><p ng-app="" ng-controller="MyController">
    <p>姓名：<input type="text" ng-model="person.name"></p>
    <p>性别： <input type="text" ng-model="person.sex"></p>
    <p>信息： {{info()}}  </p></p><script type="text/javascript">
    function MyController($scope){
        $scope.person = {
            name:"LanFeng",
            sex:"女"

        };
        $scope.info=function(){
            var x;
            x = $scope.person;            return x.name + " "+ x.sex;
        }
    }</script>

AngularJS 필터

currency 숫자를 통화 형식으로 지정합니다.
filter 배열 항목에서 하위 집합을 선택합니다.
lowercase 문자열을 소문자로 포맷합니다.
orderBy 표현식에 따라 배열을 정렬합니다.
uppercase 문자열을 대문자로 포맷합니다.

필터는 파이프 문자(|)와 필터를 통해 표현식에 추가할 수 있습니다. #🎜🎜 #

<h2>AngularJS 控制器方法</h2><p ng-app="" ng-controller="MyController">
    <p>姓名：<input type="text" ng-model="person.name"></p>
    <p>性别： <input type="text" ng-model="person.sex"></p>
    <p>信息： {{person.name | }}  </p></p><script type="text/javascript">
    function MyController($scope){
        $scope.person = {
            name:"LanFeng",
            sex:"女"

        }
    }</script>

rrree

위 내용은 AngularJS 컨트롤러를 사용하는 방법은 무엇입니까? Anglejs 컨트롤러 및 필터 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!