首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在AngularJS中,我可以只在视图中使用ng模型和ng绑定而不涉及控制器的使用吗?

在AngularJS中,我可以只在视图中使用ng模型和ng绑定而不涉及控制器的使用吗?
EN

Stack Overflow用户
提问于 2015-12-08 09:52:57
回答 1查看 745关注 0票数 3

我对AngularJS非常陌生,我发现这个示例与ng模型ng绑定指令相关:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="page" tagdir="/WEB-INF/tags" %>

<page:angular-template>

    <jsp:attribute name="title">
        AngularJS ng-bind ng-model
    </jsp:attribute>

    <jsp:body>                  

    <div ng-app>

    <h1>AngularJS ng-bind ng-model</h1>
    <div>
        <table class="table table-striped">
          <tr>
            <td><b>Username:</b></td> <td><input type="text" ng-model="username"/></td>
          </tr>
          <tr>
            <td><b>Password:</b></td> <td><input type="text" ng-model="passwords"/></td>
          </tr>
          <tr>
            <td><b>authorization:</b></td>  <td><input type="text" ng-model="authorization"/> </td>
          </tr>
        </table>
    </div> 

    Hi {{ username }} welcome to Java Spring MVC Integrated with AngularJS by Google and HTML5<br/>
    You password is {{ passwords }} <br/>
    and login as <span ng-bind="authorization"></span> <br/>
    </div>


    </jsp:body>
</page:angular-template>

因此,基本上,在我看来,它只显示一个表单,并且每个输入元素都通过ng模型属性与模型属性相关。

然后,在同一页中,我可以检索这些模型属性的值,例如,通过AngularJS表达式(如{{ username }} )或使用ng-bind指令。例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<span ng-bind="authorization">

这意味着在这个跨度中,它应该显示插入到具有ng-model="authorization"的输入标记中的值。

我的推理正确吗?

我的疑问是:在使用AngularJS时,我能避免使用控制器吗?我已经了解了如何将这些值放入$scope服务的属性中。

例如,输入标记ng模型$scope服务的一个特定属性(以这种方式将视图与控制器关联)。

我能避免通过控制器吗?

EN

回答 1

Stack Overflow用户

发布于 2015-12-08 10:04:33

如果我把你的问题说对了,你是对的,而且你做得很好。

这就是角质的魔力。就DOM而言,您有一个“最小的应用程序”,甚至无需使用Controller。

这样,您就可以创建DOM来显示正在键入的数据。

当然,为了处理数据或对它们做一些事情,您需要有一个控制器,但是您甚至可以通过使用ng-init并将authorization变量设置为任何您想要的东西,而不必通过控制器来设置值。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div ng-init="authorization='yeah'"></div>

吴依德

所以,是的,你可以在没有控制器的情况下使用角度。

(希望我收到你的问题.)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34162675

复制
相关文章
Nginx代理HTTPS到Docker指定端口
假设我在服务器上的 Docker 运行了一个应用,在 Docker 启动的时候,我指定他监听了 localhost 的 9000 端口,定向到 Docker 的 9002 的应用上。
凝神长老
2020/04/17
1.8K0
详解https请求Nginx转发tomcat变成http问题
简单架构为nginx做负载均衡,后端用tomcat做容器。浏览器和 Nginx 之间走的 HTTPS 通讯,而 Nginx 到 Tomcat 通过 proxy_pass 走的是普通 HTTP 连接。
IT大咖说
2021/02/24
4.6K0
详解https请求Nginx转发tomcat变成http问题
python部署-nginx部署带docker的https请求
首先例如使用https://www.Se7eN_HOU.com进行首页访问,首先会先进入到主服务器里面,经过主服务器的Nginx Web服务器,进行web服务。这时主服务器的nginx就会监听80端口,收到这个请求
Se7eN_HOU
2020/04/24
1.2K0
Nginx配置SSL实现https请求并重定向http请求的实现
因为我的网站是部署在腾讯云上的,腾讯云同时也提供了免费的SSL证书(有效期1年)。
Bug生活2048
2018/08/31
3.9K0
Nginx配置SSL实现https请求并重定向http请求的实现
docker registry push错误“server gave HTTP response to HTTPS client”
上传报错 Docker execution failed   Command line [docker push xxx.xxx.xxx.xxx:5000/xxx:0.0.1-SNAPSHOT] returned:   Get https://xxx.xxx.xxx.xxx:5000/v1/_ping: http: server gave HTTP response to HTTPS client
似水的流年
2019/12/07
2.4K0
Nginx的默认端口是_https默认端口
我们首先用whereis nginx.conf来看一下哪些目录里面有nginx.conf文件,我们看到了一共有6个目录,这里是应该分别到这六个文件里面去看一下,但是由于我们提前找过了,是/etc/nginx这个目录,所以我们就直接到该目录下面,即采用cd来切换目录,下图已经把这个文件标出来了。
全栈程序员站长
2022/10/05
2.3K0
Nginx的默认端口是_https默认端口
nginx 全站 http 跳转 https
lukachen
2023/10/22
2820
nginx转发http请求
大家好,又见面了,我是你们的朋友全栈君。 原路径: http://source.server.com/callback/test/test?username=xx 转发到:http://10.1.9
全栈程序员站长
2022/11/02
9210
nginx转发https到http
微信小程序和公众号,要求外链的页面或API必须使用https。https意味着需要证书,在测试阶段,很不方便,因此部署的测试站点都是http。于是尝试在现有的https站点中,用nginx转发请求到只有http的测试站点。
全栈程序员站长
2022/11/02
2.1K0
Nginx请求转发&端口转发
nginx反向代理 官网介绍:https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/
mingjie
2022/05/12
4K0
Docker容器https请求报错
某一天,我在使用 docker 的时候遇到个奇怪的问题,在容器里面发起 https 请求报了个错。 经过测试发现在容器里面发起的所有 https 请求都报错,即使是 curl 发起 https 请求也报错。 而 http 请求却能正常发起请求。
epoos
2023/08/24
1.3K0
Docker容器https请求报错
Https网站中请求Http内容
今天遇到个问题:```Mixed Content: The page at ‘https://*****’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://*****’. This request has been blocked; the content must be served over HTTPS```
DannyHoo
2020/06/15
23.2K0
设置HTTP请求自动跳转HTTPS
server { listen 80; server_name localhost ; location / { index index.html index.htm; } } server { listen 443 ssl; server_name localhost; root html; index index.html index.htm; ssl_certificate cert/domain name.pem; #将domain name.pem替换成您证书的文件名。 ssl_certificate_key cert/domain name.key; #将domain name.key替换成您证书的密钥文件名。 ssl_session_timeout 5m;
1900
2022/12/03
2.6K0
编译nginx支持https+http2+nginx-http-concat模块
现在很多网站要求https访问,既能提高安全性,也避免运营商劫持。又必须给nginx加上这些功能。
保持热爱奔赴山海
2019/09/18
6900
nginx实现http自动跳转https
在使用 Nginx 作为 Web 服务器时,您可以通过配置实现 HTTP 自动跳转 HTTPS。这可以确保用户始终使用 HTTPS 访问您的网站,从而提高网站的安全性。
堕落飞鸟
2023/03/30
6.5K0
nginx从http跳转到https
项目前期使用http,后期为了安全方面的考虑,启用了https。 项目架构:前端使用nginx作为多个tomcat实例的反向代理和负载均衡。 实际上只需要在nginx上启用https即可,使客户端与nginx之后使用https方式通信,而nginx与tomcat之间依然以http方式通信。
编程随笔
2019/09/11
13.8K0
Nginx配置Https并进行Http强制跳转Https
首先我们先了解为什么要做https? https现在是一个趋势这样在别人去访问的时候是会显示一个安全的连接,可以去看看各大网站等… 先获取证书 这里就不介绍了 获取的地方有很多 可以进行正规渠道的购买或者使用openssl工具进行获取
互联网-小阿宇
2022/11/21
1.8K0
Nginx配置Https并进行Http强制跳转Https
Nginx实现http和https复用1个端口的2种解决方式
http是明文传输,数据在传输时没有加密,存在被读取和修改数据的风险,http传输敏感信息如密码等不够安全。
六月河
2023/06/26
10.2K0
Nginx实现http和https复用1个端口的2种解决方式
点击加载更多

相似问题

普通HTTP请求被发送到HTTPS端口(NGINX)

30

Nginx http到http重定向400普通HTTP请求被发送到HTTPS端口

17

处理nginx 400“简单的HTTP请求被发送到HTTPS端口”错误

101

aws >>上的nginx码头集装箱普通HTTP请求被发送到HTTPS端口

11

Chilkat HTTPS将普通HTTP请求发送到HTTPS端口

147
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文