无法使用#{javascriptvariable}访问变量时出错

时间:2019-07-18 17:17:34

标签: node.js bootstrap-4 pug

我正在使用带有nodeJS的Jade模板,引导程序4,遇到了一个问题。

我正在翻译页面,并希望从值数组中访问适当的值。.我已经完成了将其保存到本地存储以及所有内容的工作。

现在,我想将值显示为html中的文本,但没有运气,我被卡住了。这是我在下面发布的布局代码,并已在其他玉模板文件中对其进行了测试,并给了我一个类型错误。

我将不胜感激:)

谢谢!

我尝试在其他玉器文件中测试#{javascriptvariable}。我已经运行了npm update。

doctype html
html
  head
    title= title

    script(src='js/layout.js')
    link(rel='stylesheet', type='text/css', href='/css/layout.css')
    link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css', integrity='sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm', crossorigin='anonymous')
    script(src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js', integrity='sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl', crossorigin='anonymous')
    script(src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js')
    script(type='text/javascript', src='/libs/sweetalert2/dist/sweetalert2.all.min.js')
    <script type="text/javascript" src="/languages/en.json"></script>
    <script type="text/javascript" src="/languages/fr.json"></script>
    <script type="text/javascript" src="/languages/esp.json"></script>

    script.
      var abc = "test";
      var mydata = [];
      mydata.push(language_data_en);
      mydata.push(language_data_fr);
      mydata.push(language_data_esp);
      if(localStorage.getItem("language") == null){
      localStorage.setItem('language', JSON.stringify(data[0]));
      }


  body

    nav.navbar.navbar-expand-lg.navbar-light.bg-light
      a.navbar-brand Collect IT
      button.navbar-toggler(type='button', data-toggle='collapse', data-target='#navbarTogglerDemo02', aria-controls='navbarTogglerDemo02', aria-expanded='false', aria-label='Toggle navigation')
        span.navbar-toggler-icon
      #navbarTogglerDemo02.collapse.navbar-collapse
        ul.navbar-nav.mr-auto.mt-2.mt-lg-0
          li.nav-item.active
            a.nav-link(href='#')
              | Home
              span.sr-only (current)
          if (!user)
           li.nav-item
             a.nav-link(href='/features') !{abc}
           li.nav-item
             a.nav-link(href='/pricing') Teesst
           //li.nav-item
             //a.nav-link.disabled(href='#') Disabled
          else
            li.nav-item
              a.nav-link(href='/userInterface') User Interface

        form.form-inline.my-2.my-lg-0
          label.l1(for='cars') Language :
          select(id = 'id_cars', name='cars',onchange='myfunction(this,mydata)')
            option(value='eng') English
            option(value='fr') French
            option(value='esp') Spanish

我希望能够访问在布局和其他html源页面上的脚本中创建的变量。

0 个答案:

没有答案