Question

我想从配置中读取一个标志，然后根据启动时的配置显示或隐藏标签。到目前为止，隐藏和展示对我有用。问题是，如果我隐藏第一个选项卡，则显示为第一个选项卡的下一个选项卡将丢失选项卡轮廓。

所以，如果我有三个标签1,2,3这样

如果我在启动时隐藏2，一切都很好。

但是如果我在启动时隐藏1，那么2就缺少选项卡大纲

我的代码不像我在下面提供的示例中那样切换，但这是显示问题的最快，最简单的示例。我的代码很相似，也使用了ng.show。

见这里的例子： http://plnkr.co/edit/cMROY3?p=preview 请使用切换按钮查看切换到选项卡2时缺少选项卡轮廓。

给出示例的HTML：

package main

import (
    "bufio"
    "fmt"
    "os"
    "strings"
    "syscall"

    "golang.org/x/crypto/ssh/terminal"
)

func main() {
    username, password := credentials()
    fmt.Printf("Username: %s, Password: %s\n", username, password)
}

func credentials() (string, string) {
    reader := bufio.NewReader(os.Stdin)

    fmt.Print("Enter Username: ")
    username, _ := reader.ReadString('\n')

    fmt.Print("Enter Password: ")
    bytePassword, err := terminal.ReadPassword(int(syscall.Stdin))
    if err == nil {
        fmt.Println("\nPassword typed: " + string(bytePassword))
    }
    password := string(bytePassword)

    return strings.TrimSpace(username), strings.TrimSpace(password)
}

给出示例的javascript：

<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
    <script src="http://angular-ui.github.com/bootstrap/ui-bootstrap-tpls-0.4.0.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
  </head>
  <body>
    <div ng-controller="TabDemo">
      <tabset>
        <tab ng-show="!$parent.showTab">
          <tab-heading>1</tab-heading>
          test1
        </tab>
        <tab ng-show="$parent.showTab">
          <tab-heading>2</tab-heading>
          test2
        </tab>
      </tabset> 
      <p></p>showTab: {{showTab}}</p>
      <button ng-click="toggleTabs()">Toggle Tabs</button>
    </div>
  </body>
</html>

在Angular中使用tabset，当隐藏第一个选项卡时，下一个选项卡会丢失选项卡轮廓

0 个答案: