没有合适的资源？快使用搜索试试~ 我知道了~

首页AngularJS权威指南：构建动态Web应用的核心技术

AngularJS权威指南：构建动态Web应用的核心技术

AngularJS

需积分: 10 2 下载量 194 浏览量更新于2024-07-22 收藏 9.69MB PDF 举报

身份认证购VIP最低享 7 折!

30元优惠券

试读

671页

"《Pro AngularJS [英文版]》是一本专注于AngularJS框架的深入指南，由Google维护，它在现代浏览器和设备的背景下引领动态JavaScript应用开发。本书旨在帮助读者理解和掌握AngularJS的核心概念，利用Model-View-Controller（MVC）模式构建高效、复杂且功能丰富的Web应用。作者通过一系列章节，从入门准备到高级实践，逐步展开讲解。在Part 1 "Getting Ready" 中，第1章引导读者快速熟悉AngularJS的基础，包括创建第一个应用程序的过程。第2章介绍了如何将AngularJS融入实际项目，确保与现有技术和工具的兼容性。第3章将AngularJS置于上下文环境中，阐述其在Web开发中的角色和优势。 Part 2 "Working with AngularJS" 更加深入地探讨AngularJS的核心功能。第4章至第11章涵盖了HTML、Bootstrap CSS和JavaScript基础知识，以及如何与AngularJS协作，构建动态用户界面。第9章剖析了AngularJS应用程序的基本结构，包括组件的组成和作用。第10章讲解绑定和模板指令，这是实现数据驱动视图的关键。第11章介绍元素和事件指令，它们用于控制页面行为。第12章讲解如何处理表单输入，确保数据验证和提交的正确性。第13章详细阐述控制器和作用域，这是管理数据和逻辑的核心机制。第14章则涉及过滤器的使用，用于数据格式化和展示优化。第15章和第16章分别指导读者如何创建自定义指令，以及处理更复杂的交互和组件设计。《Pro AngularJS [英文版]》不仅提供了理论知识，还通过实例——如体育商店应用（Sports Store），展示了如何一步步实现功能模块，如导航、结账和订单管理。通过阅读这本书，开发者可以全面提升AngularJS的技能，构建出高效、可维护的Web应用。"

资源详情

资源推荐

CHAPTER 1 ■ GETTING READY

</head>

<body>

<div class="btn btn-default">{{"AngularJS"}}</div>

<div class="btn btn-success">Bootstrap</div>

</body>

</html>

Some parts of this file may be new to you: the ng-app attribute on the html element and {{AngularJS}} in the

body element come from AngularJS; the btn, btn-default, and btn-success classes are from Bootstrap. Don’t worry

about what these mean or do at the moment—the purpose of this HTML document is to check that the development

environment is set up and working. I explain how Bootstrap works in Chapter 4 and, of course, explain everything you

need to know about AngularJS throughout the rest of this book.

Starting the Web Server

To start the web server, run the following command from the Node.js installation directory:

node server.js

This will load the server.js file created earlier in the chapter and start listening for HTTP requests on port 5000.

Load the Test File

Start Chrome and navigate to the URL http://localhost:5000/test.html. You should see the result in Figure 1-2.

In Figure 1-3, you can see what happens if neither AngularJS nor Bootstrap works properly. Notice that you

can see the brace characters ({ and }) in the AngularJS test and that the content isn’t presented as buttons (which is

performed by Bootstrap). Check the configuration of your web server, check that you have placed the correct files in

the angularjs folder, and try again.

Figure 1-2. Testing the development environment

CHAPTER 1 ■ GETTING READY

Summary

In this chapter, I outlined the content and structure of this book and as well as the software that is required for

AngularJS web development. As I said earlier, the best way to learn AngularJS development is by example, so in

Chapter 2 I jump right in and show you how to create your first AngularJS application.

Figure 1-3. Failing the basic tests

Chapter 2

Your First AngularJS App

The best way to get started with AngularJS is to dive in and create a web application. In this chapter, I take you through

a simple development process, starting with a static mock-up of the target application and applying AngularJS

features to move to a dynamic web application, albeit a simple one. In Chapters 6–8, I show you how to create a more

complex and realistic AngularJS application, but for now a simple example will suffice to demonstrate the major

components of an AngularJS app and set the scene for the other chapters in this part of the book.

Preparing the Project

In Chapter 1, I showed you how to create and test the development environment that I use in this book. If you want to

follow the examples, now is the time to get everything up and running.

I am going to start with a static HTML mock-up of my goal in this chapter, which is a simple to-do application.

I created a new HTML file called todo.html in the angularjs folder. You can see the contents of the new file in

Listing 2-1.

Listing 2-1. The Initial Contents of the todo.html File

<!DOCTYPE html>

<head>

</head>

<body>

</div>

</span>

</div>

CHAPTER 2 ■ YOUR FIRST ANGULARJS APP

<thead>

<tr>

<th>Description</th>

</tr>

</thead>

<tbody>

<tr><td>Buy Flowers</td><td>No</td></tr>

<tr><td>Get Shoes</td><td>No</td></tr>

<tr><td>Collect Tickets</td><td>Yes</td></tr>

</tbody>

</table>

</div>

</body>

</html>

Tip ■ From now on, unless I tell you otherwise, add all files to the angularjs folder that you created in the previous

chapter. You don’t have to re-create the examples by hand. Instead, you can download all of the examples without charge

from Apress.com. The examples are complete and are organized by chapter, containing all of the files that I use to build

and test the examples.

This file doesn’t use AngularJS; in fact, there isn’t even a script element to import the angular.js file at the

moment. I’ll add the JavaScript file and start applying AngularJS features shortly, but for now, the todo.html file

contains static HTML elements that provide a skeletal mock-up of a to-do application: a header at the top of the page

and a table that contains the to-do items. To see the effect I have created, use the browser to navigate to the todo.html

file, as shown in Figure 2-1.

CHAPTER 2 ■ YOUR FIRST ANGULARJS APP

Note ■ To keep the example in this chapter simple, I am going to do everything within the todo.html file. There is

usually a carefully chosen structure for the files in an AngularJS application, but I won’t be doing anything complicated

enough to make that an issue; in Chapter 6, I start the process of building a more complex AngularJS application,

and I’ll talk about file structure in that context.

Using AngularJS

The static HTML in the todo.html file acts as a placeholder for the basic functionality that I want to create. The user

should be able to see the list of to-do items, check off items that are complete, and create new items. In the sections

that follow, I am going to add AngularJS and use some basic features to bring my to-do application to life. For

simplicity I am going to assume that there is only one user and that I don’t have to worry about preserving the state of

the data in the application.

Applying AngularJS to the HTML File

It is easy to add AngularJS to an HTML file. Simply add a script element to import the angular.js file, create an

AngularJS module, and apply an attribute to the html element, as shown in Listing 2-2.

Figure 2-1. The initial contents of the todo.html file

剩余670页未读，继续阅读

☆ 资源说明：☆ [Packt Publishing] AngularJS 权威指南 (英文版) [Packt Publishing] AngularJS Directives (E-Book) ☆ 图书概要：☆ Learn how to craft dynamic directives to fuel your single-page web applications using AngularJS Overview Learn how to build an AngularJS directive Create extendable modules for plug-and-p

字典a = {{'month': 'August', 'pro_id': 1361986, 'pro_price': '13.38'} {'month': 'May', 'pro_id': 1135569, 'pro_price': '7.28'} {'month': 'June', 'pro_id': 1344818, 'pro_price': '10.59'} {'month': 'April', 'pro_id': 1229909, 'pro_price': '27.29'} {'month': 'May', 'pro_id': 1433083, 'pro_price': '43.85'} {'month': 'June', 'pro_id': 1712382, 'pro_price': '14.99'} {'month': 'June', 'pro_id': 1561711, 'pro_price': '23.99'} {'month': 'June', 'pro_id': 1434990, 'pro_price': '18.58'} {'month': 'February', 'pro_id': 1699379, 'pro_price': '19.99'} {'month': 'January', 'pro_id': 1549580, 'pro_price': '67.7'} {'month': 'February', 'pro_id': 1721645, 'pro_price': '22.99'} {'month': 'April', 'pro_id': 1120878, 'pro_price': '6.71'} a该怎么把这个字典转换成以 month，pr_id,pro_price为列名的dataframe}

{'month': 'August', 'pro_id': 1361986, 'pro_price': '13.38'}, {'month': 'May', 'pro_id': 1135569, 'pro_price': '7.28'}, {'month': 'June', 'pro_id': 1344818, 'pro_price': '10.59'}, {'month': 'April...

select p1.pro_c_id, p2.pro_c_id, count() as total_count from property as p1 inner join property as p2 on p1.pro_pif_id = p2.pro_pif_id where p1.pro_type = 1 and p2.pro_type = 1 and p1.pro_c_id <> p2.pro_c_id group by p1.pro_c_id, p2.pro_c_id having count() >= 2 order by p1.pro_c_id;

这段代码是一个 SQL 查询语句，用于从 property 表中查询具有相同属性值的不同 pro_c_id 的组合，并计算每个组合中的记录总数。具体来说，这个查询使用了内连接（inner join）的方式将 property 表自身连接了两次，...

自动采集插件wp-autopost-pro 3.7.8 最新版

chuxiwen

粉丝: 0
资源: 11

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

AngularJS权威指南：构建动态Web应用的核心技术

Pro AngularJS

AngularJS高级编程英文原版(Professional AngularJS)

[AngularJS] AngularJS 权威指南 (英文版)

burpsuite pro英文版下载

antd pro vue 企业版 下载

arcgis Pro 试用版

atiles pro中文版下载

类以于idapro的手机版

deepl pro和普通版的区别

foxitreader sdk pro activex 中文版

arcgispro英文帮助文件

IDA Pro英文版如何查看被隐藏的内存地址但是没有 Memory Viewer

pro spring 中文版

独立版crmeb pro多店版商城 网盘下载

easyplayer pro专业版

winchm pro v5.版本 绿色汉化版

miflash_pro_v6.3.318.42_en_setup.zip

select p1.pro_c_id, p2.pro_c_id, count(*) as total_count from property as p1 inner join property as p2 on p1.pro_pif_id = p2.pro_pif_id where p1.pro_type = 1 and p2.pro_type = 1 and p1.pro_c_id <> p2.pro_c_id group by p1.pro_c_id, p2.pro_c_id having count(*) >= 2 order by p1.pro_c_id;

自动采集插件wp-autopost-pro 3.7.8 最新版

最新资源

antd pro vue 企业版下载

独立版crmeb pro多店版商城网盘下载

winchm pro v5.版本绿色汉化版

select p1.pro_c_id, p2.pro_c_id, count() as total_count from property as p1 inner join property as p2 on p1.pro_pif_id = p2.pro_pif_id where p1.pro_type = 1 and p2.pro_type = 1 and p1.pro_c_id <> p2.pro_c_id group by p1.pro_c_id, p2.pro_c_id having count() >= 2 order by p1.pro_c_id;