小编Sag*_*nha的帖子

我有一个AngularJS表达式包含在<a>标签中.表达式正在评估allow变量.

<a href="#" >{{allow}}</a>

如果allow是null或undefinedAngular什么都没有.相反,我想显示一个默认字符串.

为了让您更好地理解,这正是我想要实现的目标.

右侧的模态是从左侧的表格生成的.如果用户没有输入任何文字为"允许按钮文本"和"禁止按钮的文字"我要显示ALLOW和DON'T ALLOW分别.

这是我的代码:

<div id="test2" class="row"  ng-app="">    
  <label for="title">Title</label>
  <input type="text" name="title" ng-model="title" placeholder="https:/your website.com/wants to:">

  <label for="title">Allow Button Text</label>
  <input type="text"  ng-model="allow" placeholder="ALLOW">

  <label for="title">Disallow Button Text</label>
  <input type="text"  ng-model="disallow" placeholder="DONT ALLOW">     

  <p>{{title}}</p>
  <a href="" >{{disallow}}</a>
  <a href="" >{{allow}}</a>

<div class="col s12">
  <ul class="tabs">
   <li class="tab col s4"><a href="#test1"  class="active">tab1</a></li>
    <li class="tab col s4"><a href="#test2">tab2</a></li>
    <li class="tab col s4"><a href="#test4">tab3</a></li>
  </ul>
</div>

<div id='test1' class="col s12">
   <a href='#test2' >continue</a>
</div>
<div id='test2' class="col s12"></div>

我正试图导航到下一个标签 点击materializeCss中的"继续按钮"按钮或链接后.我附上了图片以便更好地理解.

我试图了解如何实现一个布局，该布局在第一行中包含两列，在第二行、第三行等中包含三列。

<section>
   <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
   <div>5</div>
   <div>6</div>
   <div>7</div>
   <div>8</div>
</section>

//CSS
section {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

上面的代码将为我提供两列布局，但如何修改它以实现上述布局。