AngularJS 기본 학습 노트 Controller_AngularJS-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

AngularJS 기본 학습 노트 Controller_AngularJS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:59 PM

angularjs 제어 장치

AngularJS 컨트롤러는 AngularJS 애플리케이션의 데이터를 제어하는 데 사용됩니다.

AngularJS 컨트롤러는 일반적인 JavaScript 객체입니다.

AngularJS 컨트롤러
AngularJS 애플리케이션은 컨트롤러를 통해 제어됩니다.

ng-controller 지시문은 애플리케이션 컨트롤러를 정의합니다.

컨트롤러는 표준 JavaScript 개체 생성자를 통해 생성할 수 있는 JavaScript 개체입니다.

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.firstName = "John";
  $scope.lastName = "Doe";
});
</script>

로그인 후 복사

코드 설명:

AngularJS 애플리케이션은 ng-app="myApp"으로 정의됩니다. 애플리케이션의 유효 범위는 ng-app이 위치한

입니다.

　ng-controller="myCtrl" 속성은 컨트롤러를 정의하는 AngularJS 지시문입니다.

myCtrl 함수는 일반적인 JavaScript 함수입니다.

AngularJS는 $scope 객체를 사용하여 컨트롤러를 호출합니다.

AngularJS에서 $scope는 애플리케이션 객체(즉, 애플리케이션 변수 및 함수의 소유자)입니다.

컨트롤러에는 firstName과 lastName이라는 두 가지 속성(또는 변수)이 포함되어 있습니다. $scope 객체에 첨부됩니다.

ng-model 지시어는 입력 태그의 값을 컨트롤러의 속성(firstName 및 lastName)에 바인딩합니다.

컨트롤러 방법
위의 예에서는 컨트롤러 개체에 lastName과 firstName이라는 두 가지 속성이 포함되어 있음을 보여줍니다.

컨트롤러에는 메소드(변수에 함수 할당)도 포함될 수 있습니다.

<div ng-app="myApp" ng-controller="personCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{fullName()}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
  $scope.firstName = "John";
  $scope.lastName = "Doe";
  $scope.fullName = function() {
    return $scope.firstName + " " + $scope.lastName;
  }
});
</script>

로그인 후 복사

컨트롤러를 외부 파일에 넣기
대규모 애플리케이션에서는 컨트롤러 코드가 외부 파일에 작성되는 경우가 많습니다.

핫 AI 도구

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7629

Cakephp 튜토리얼

1389

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

141

Related knowledge

Windows 11에서 Xbox One 컨트롤러를 올바르게 보정하는 방법 Sep 21, 2023 pm 09:09 PM

Windows가 게임 플랫폼으로 선택되었으므로 게임 중심 기능을 식별하는 것이 더욱 중요합니다. 그 중 하나는 Windows 11에서 Xbox One 컨트롤러를 보정하는 기능입니다. 내장된 수동 보정을 사용하면 드리프트, 무작위 이동 또는 성능 문제를 제거하고 X, Y 및 Z축을 효과적으로 정렬할 수 있습니다. 사용 가능한 옵션이 작동하지 않으면 언제든지 타사 Xbox One 컨트롤러 보정 도구를 사용할 수 있습니다. 알아 보자! Windows 11에서 Xbox 컨트롤러를 어떻게 보정하나요? 계속하기 전에 컨트롤러를 컴퓨터에 연결하고 Xbox One 컨트롤러의 드라이버를 업데이트했는지 확인하세요. 그 동안 사용 가능한 펌웨어 업데이트도 설치하십시오. 1. 바람을 이용하라

PHP에서 CodeIgniter4 프레임워크를 사용하는 방법은 무엇입니까? May 31, 2023 pm 02:51 PM

PHP는 매우 널리 사용되는 프로그래밍 언어이며 CodeIgniter4는 일반적으로 사용되는 PHP 프레임워크입니다. 웹 애플리케이션을 개발할 때 프레임워크를 사용하면 개발 프로세스 속도를 높이고 코드 품질을 향상시키며 유지 관리 비용을 줄일 수 있습니다. 이 기사에서는 CodeIgniter4 프레임워크를 사용하는 방법을 소개합니다. CodeIgniter4 프레임워크 설치 CodeIgniter4 프레임워크는 공식 홈페이지(https://codeigniter.com/)에서 다운로드할 수 있습니다. 아래에

Laravel을 처음부터 학습하기: 컨트롤러 메소드 호출에 대한 자세한 설명 Mar 10, 2024 pm 05:03 PM

Laravel을 처음부터 배우기: 컨트롤러 메소드 호출에 대한 자세한 설명 Laravel 개발에 있어서 컨트롤러는 매우 중요한 개념입니다. 컨트롤러는 모델과 뷰 사이의 브리지 역할을 하며 경로의 요청을 처리하고 해당 데이터를 표시하기 위해 뷰에 반환합니다. 컨트롤러의 메서드는 경로로 호출할 수 있습니다. 이 문서에서는 컨트롤러에서 메서드를 작성하고 호출하는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. 먼저 컨트롤러를 만들어야 합니다. Artisan 명령줄 도구를 사용하여 생성할 수 있습니다.

라라벨 컨트롤러란? Jan 14, 2023 am 11:16 AM

Laravel에서 컨트롤러(Controller)는 특정 기능을 구현하는 데 사용되는 클래스입니다. 컨트롤러는 관련 요청 처리 로직을 별도의 클래스로 결합할 수 있습니다. 일부 메서드는 특정 기능을 구현하기 위해 컨트롤러에 저장되며, 컨트롤러는 라우팅을 통해 호출되며, 컨트롤러는 더 이상 "app/Http/Controllers" 디렉터리에 저장됩니다.

입문부터 숙달까지, 2022년 최신 5개 Anglejs 튜토리얼 Jun 15, 2017 pm 05:50 PM

자바스크립트는 코드의 구성, 코드의 프로그래밍 패러다임, 객체지향 이론 측면에서 매우 독특한 언어입니다. 하지만 20년 동안 Javascript가 지배했음에도 불구하고 jQuery, Angularjs, 심지어 React와 같은 인기 프레임워크를 이해하려면 "Black Horse Cloud Classroom JavaScript Advanced Framework"를 시청하세요. 디자인 비디오 튜토리얼'을 참조하세요.

Laravel 학습 가이드: 컨트롤러 메소드 호출 모범 사례 Mar 11, 2024 am 08:27 AM

Laravel 학습 가이드에서 컨트롤러 메서드 호출은 매우 중요한 주제입니다. 컨트롤러는 라우팅과 모델 사이의 브리지 역할을 하며 애플리케이션에서 중요한 역할을 합니다. 이 기사에서는 컨트롤러 메서드 호출에 대한 모범 사례를 소개하고 독자의 이해를 돕기 위해 특정 코드 예제를 제공합니다. 먼저 컨트롤러 메소드의 기본 구조를 이해해보자. Laravel에서 컨트롤러 클래스는 일반적으로 app/Http/Controllers 디렉터리에 저장됩니다. 각 컨트롤러 클래스에는 여러 개가 포함되어 있습니다.

PHP와 AngularJS를 사용하여 반응형 웹사이트를 구축하여 고품질 사용자 경험 제공 Jun 27, 2023 pm 07:37 PM

오늘날의 정보화 시대에 웹사이트는 사람들이 정보를 얻고 소통하는 중요한 도구가 되었습니다. 반응형 웹사이트는 다양한 기기에 적응하고 사용자에게 고품질 경험을 제공할 수 있으며, 이는 현대 웹사이트 개발에서 핫스팟이 되었습니다. 이 기사에서는 PHP와 AngularJS를 사용하여 고품질 사용자 경험을 제공하는 반응형 웹사이트를 구축하는 방법을 소개합니다. PHP 소개 PHP는 웹 개발에 이상적인 오픈 소스 서버측 프로그래밍 언어입니다. PHP는 배우기 쉬움, 크로스 플랫폼, 풍부한 도구 라이브러리, 개발 효율성 등 많은 장점을 가지고 있습니다.

Symfony 프레임워크에서 컨트롤러의 매개변수를 사용하는 방법은 무엇입니까? Jun 04, 2023 pm 03:40 PM

Symfony 프레임워크는 MVC(Model-View-Controller) 아키텍처를 기반으로 설계된 인기 있는 PHP 프레임워크입니다. Symfony에서 컨트롤러는 웹 애플리케이션 요청 처리를 담당하는 주요 구성 요소 중 하나입니다. 컨트롤러의 매개변수는 요청을 처리할 때 매우 유용합니다. 이 기사에서는 Symfony 프레임워크에서 컨트롤러 매개변수를 사용하는 방법을 소개합니다. 컨트롤러 매개변수에 대한 기본 지식 컨트롤러 매개변수는 라우팅을 통해 컨트롤러에 전달됩니다. 라우팅은 URI(Uniform Resource Identifier)를 컨트롤러에 매핑하고

See all articles

AngularJS 기본 학습 노트 Controller_AngularJS

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제