默认情况下，角度响应吗？

Question

我有一个用Angular 4开发的应用程序，它没有响应，所以想知道是否： 1.默认情况下，最新版本的Angular响应。 2.使angular 4应用程序响应的最佳方法是什么。引导程序还是媒体查询？还是还有其他更简便，更好的方法。

Answer 1

不。 Angular是一个为您提供dependency injection实现，html到javascript绑定，一个为您处理很多事情的构建步骤的框架，例如编译，打字稿编译以及许多其他有趣的东西。 / p>

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

要使您的网站具有响应能力，您需要样式表和HTML，这些样式表和HTML可以使页面元素对浏览器大小做出反应。默认情况下，某些框架会提供此功能（例如bootstrap），但这与Angular本身无关。

即使您使用的是响应式CSS框架，未正确设置HTML标记或开始弄乱样式表，某些页面元素也可能会中断特定的浏览器大小。

（并且需要澄清的是，引导程序或基础之类的CSS框架与Angular完全不兼容。它们可以轻松组合）。

Answer 2

最快的答案是，不，默认情况下，角度不响应。

但这并不完全正确。只是角度不包装任何东西。使用Angular，您仅获得用于创建Web应用程序，编写一些HTML并将其绑定在一起的基础结构。换句话说，最终得到的任何HTML和样式都是您自己的。

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

最简单的方法是要么包含CSS框架（如您所建议的那样，引导程序是一个流行的选择），要么使用已经包含样式的库，例如@angular/material或ngx-bootstrap。您也可以找到其他人。在那里，默认情况下您会获得响应。

Answer 3

1. 否，默认情况下，Angular不响应。 “ AngularJS是动态Web应用程序的结构框架。有了AngularJS，设计人员可以将HTML用作模板语言，并且允许扩展HTML的语法以轻松地传达应用程序的组件。Angular可以编写许多其他代码必须完全冗余。“相同的描述适用于Angular（Angular2 +）〜https://www.awwwards.com/practical-uses-of-angularjs-create-a-single-page-application-spa-or-a-website-menu-in-an-instant.html

2. 对于我个人而言，我想利用Bootstrap来使您的Web应用程序具有响应能力。它使用更少的代码即可快速简便地使用。 〜https://getbootstrap.com/

Answer 4

  

默认情况下最新版本的Angular响应

您的Angular应用程序是否响应，取决于您编写 HTML / CSS 代码的方式。本质上，在编写 Angular 应用程序时，您将以与在其他任何地方编写HTML / CSS相同的方式编写HTML / CSS（除了Angular特定的东西，例如组件，指令，模板等），但没有任何响应除非您这样写。

  

使Angle 4应用程序响应的最佳方法是什么？引导程序还是媒体查询？还是还有其他更简便，更好的方法？

嗯，这取决于您的喜好。我发现 Bootstrap 使编写响应式应用程序变得更加容易，并且代码更少，但是在学习过程中，您将必须学习Bootstrap类以及如何将其实现到设计中。此外，可能发生的情况是，在交付使用Bootstrap构建的网站后，客户要求进行看起来很简单的更改，直到您意识到自己正在破坏网站其他部分的设计。

另一方面，媒体查询往往会使编写响应式应用程序变得更加困难，因为您必须自己编写所有内容，但这会使您的网站设计简单明了，并且以后更容易修改。

最后，无论选择 Bootstrap ，媒体查询还是完全其他方式，您都必须编写额外的代码才能实现响应式设计。