当前位置: 首页 > 知识库问答 >
问题:

thymeleaf在第节中抛出了一个exeption实现angularjs flex

邵修诚
2023-03-14

我在一起使用Thymeleaf和AngularJS时遇到了麻烦。我试着用角来旁接菜单,我正在遵循这个教程。我在链接上也做了同样的事情,但是Thymeleaf抛出了这个异常:

原因:org.xml.sax.SAXParseExctive:与元素类型“节”关联的属性名“flex”必须后面跟着 ' = ' 字符。

以下是html:

<!DOCTYPE html>
<html ng-app="app" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8"/>

  <script type="text/javascript" src="webjars/jquery/2.1.4/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="webjars/bootstrap/3.3.7/css/bootstrap.min.css"/>
  <link rel="stylesheet" href="webjars/font-awesome/4.7.0/css/font-awesome.min.css"/>
  <script type="text/javascript" src="webjars/angularjs/1.5.5/angular.js"></script>
  <script type="text/javascript" src="webjars/angularjs/1.5.5/angular-route.js"></script>
  <script type="text/javascript" src="webjars/angularjs/1.5.5/angular-resource.js"></script>
  <script type="text/javascript" src="webjars/angularjs/1.5.5/angular-animate.js"></script>
  <script type="text/javascript" src="webjars/angularjs/1.5.5/angular-aria.js"></script>
  <script type="text/javascript" src="webjars/angular-material/1.1.0/angular-material.js"></script>
  <script type="text/javascript" src="js/app.js"></script>
  <script type="text/javascript" src="js/tokenInterceptorService.js"></script>
  <script type="text/javascript" src="js/navigation.js"></script>
  <script type="text/javascript" src="js/sidenav.js"></script>

  <title>Title</title>
</head>

<body ng-controller="navigation">
<div ng-controller="SideNavCtrl" layout="column" style="height: 500px;" data-ng-cloak="">

  <section layout="row" flex>

    <md-sidenav class="md-sidenav-left" md-component-id="left" md-disable-backdrop md-whiteframe="4">

      <md-toolbar class="md-theme-indigo">
        <h1 class="md-toolbar-tools">Disabled Backdrop</h1>
      </md-toolbar>

      <md-content layout-margin>
        <p>
          This sidenav is not showing any backdrop, where users can click on it, to close the sidenav.
        </p>
        <md-button ng-click="toggleLeft()" class="md-accent">
          Close this Sidenav
        </md-button>
      </md-content>

    </md-sidenav>

    <md-content flex layout-padding>

      <div layout="column" layout-align="top center">
        <p>
          Developers can also disable the backdrop of the sidenav.<br/>
          This will disable the functionality to click outside to close the sidenav.
        </p>

        <div>
          <md-button ng-click="toggleLeft()" class="md-raised">
            Toggle Sidenav
          </md-button>
        </div>

      </div>

    </md-content>

  </section>

</div>
</html>

有什么问题吗?他们是否需要像flex=“…”这样的参数


共有1个答案

金飞
2023-03-14

是的,通常指定这样的属性:flex="flex"

 类似资料:
  • 经过一些研究,参考这些帖子,我尝试设置自定义命名策略 Hibernate命名策略 下划线不正确的JPA列 以下是我的自定义命名策略 LocalContainerEntityManagerFactoryBean: customProperties() 但是当启动springboot应用程序时,它会抛出以下异常: 使用spring Boot-2.2.4.发布

  • 我使用标准的MockMvc设置为我的spring boot/Thymeleaf应用程序创建了一个基本的集成测试。我的简单测试只是验证网站的About页面加载。当我运行测试和验证状态时,我得到一个“java.lang.AssertionError:status expected:<200>but wase:<404>”错误 我尝试了几种不同的方法来创建MockMvc对象。我的其他尝试大多将mockM

  • 当我试图从我的thymeleaf html表单中保存一个Date输入到控制器时,我收到一条错误消息。它似乎是作为字符串从表单中发送的,但我希望它作为Date发送。我设置了输入类型=date,所以我不确定它为什么出错。这是错误: 下面是该部分的html代码,expirationDate是我发送回控制器的卡对象的一个属性: 这是控制器。获取日期值并在表单中预先填写可以很好地工作,但由于某种原因,当我提

  • 我怎样才能解决这个问题?

  • 想实现HTTPS的中间人代理,我们先定个小目标,先实现一个HTTP的中间人代理。 HTTP中间人代理 HTTP中间人代理示意图: 由于HTTP的传输内容都是明文,想实现中间人代理就变得非常简单。 部分代码实现如下: const http = require('http'); const url = require('url'); let httpMitmProxy = new http.Serve

  • 本文向大家介绍C语言实现输出链表中倒数第k个节点,包括了C语言实现输出链表中倒数第k个节点的使用技巧和注意事项,需要的朋友参考一下 本文实例展示了C++实现输出链表中倒数第k个节点的方法,分享给大家供大家参考之用。 运行本文所述实例可实现输入一个单向链表,输出该链表中倒数第k个节点。 具体实现方法如下: 测试用例如下: 1. NULL Link     head = NULL; 2. normal