默认情况下是角度响应吗?

Yog*_*esh 6 responsive-design responsive angular

我有一个用 Angular 4 开发的应用程序,但它没有响应,所以想知道: 1. 默认情况下最新版本的 Angular 响应。2. 使 angular 4 应用程序响应的最佳方法是什么。Bootstrap 或媒体查询?或者有没有其他更简单更好的方法。

Ser*_*eon 9

不。Angular 是一个框架,它为您提供依赖注入实现、html-to-javascript 绑定、一个为您处理很多事情的构建步骤,比如转译、打字稿编译和许多其他很酷的东西和细节。

但是,这些主要与 javascript 和构建步骤有关。Angular 不附带默认样式表,并且除了在构建步骤中处理您在项目中定义的 css 文件之外,它实际上与 CSS 无关。

为了让您的网站具有响应性,您需要样式表和 HTML,使您的页面元素能够对浏览器大小做出反应。一些框架默认提供此功能(如引导程序),但这与 Angular 本身无关。

即使您使用响应式 CSS 框架,如果您没有正确设置 HTML 标记,或者如果您开始弄乱样式表,某些页面元素可能会在特定浏览器大小下中断。

(澄清一下,像 bootstrap 或 Foundation 这样的 CSS 框架与 Angular 根本不兼容。它们可以轻松组合)。


Zla*_*tko 5

最快的答案是,不,默认情况下 angular 没有响应。

但这并不完全正确。只是 angular 没有打包任何东西。使用 Angular,您只需获得基础设施来创建 Web 应用程序、编写一些 HTML 并将它们绑定在一起。换句话说,您最终得到的任何 HTML 和样式都只是您自己的.

这意味着如果您想提供响应式模板,您需要自己构建它。

最简单的方法是包含一个 CSS 框架(如您所建议的,bootstrap 将是一个流行的选择),或者使用一个已经包含样式的库,例如@angular/materialngx-bootstrap。你也可以找到其他人。默认情况下,您会获得响应能力。