問題タブ [angularjs-material]

私の質問を見ていただきありがとうございます。ページ全体に水平方向に拡大する div があります。これが必要です。div に 4 つのボタンがあり、以下を使用しています。

どっちがいい。ただし、div全体を占めているため、ボタンの間隔がぎこちなく見えます。それで私は追加しましたflex="33"、そして今それらは間隔を空けていますが、私が望むものであるページの3分の1だけを使用して立ち往生しており、見栄えがします. 私が抱えている問題は、ページの最初の 3 分の 1 を占めていて、ページの 2 分の 3 を使い切ってほしいということです。最初の 3 分の 1 を占めるために不要な div を作成せずにこれを行う方法はありますか?

完全なコードは次のとおりです。

私はまだCSSを持っていません。

画像:

前flex=33

それを追加した後：

私はAngular-Material明らかにで書かれたアプリを持っていますangularJS 1.x

で書き換えたいAngular 2。現在Angular-Material2は非常に初期段階にあるので、どうにかして変換する簡単な方法だと思いAngular-MaterialますMDLか? Angular-Material現在のレイアウトと CSS コードのどれだけを再利用できますか?

多分誰かがそのような経験をしてアドバイスを与えることができますか？

ngMaterialプロジェクトに含めている間に問題が発生し、エラーが表示されますUncaught Error: [$injector:unpr] 。私のapp.jsファイルは次のようになります

見て、私はこの順序でファイルを含めました

誰でもこれを解決するのを手伝ってもらえますか? ファイルの順序を変更しようとしましたが、それでも問題は同じです。

私はIE 11でこれをテストしています：

コデペン

md-tabs コントロールの md-tab-body をページの下部に曲げようとしています。ある程度機能させるには、このcssルールを含める必要がありました。

上記のコードペンを見ると、そうするとスクロールバーが表示されることがわかります。私は何を間違っていますか？タブのコンテンツをページの下部に合わせて、最初の内部コンテナーが必要なだけのスペースを占有し、2 番目の内部コンテナーがタブのコンテンツの下部に柔軟になるようにします。さらにスペースが必要な場合は、内部にスクロールバーが必要です。

どうすればこれを達成できますか? この問題は上記の CSS ルールに関係していると思いますが、それがないとまったくフレックスできません。

何が欠けているのか、何が間違っているのか本当にわかりません。HTML に含まれるライブラリは次のとおりです。

次のように ng-app を html タグに含めました。

モジュールと構成を宣言するこのモジュールクロージャー関数があります。

}); })();

私の人生では、何が間違っているのかわかりませんが、 app.config(..... をコメントアウトすると動作します。

角度のあるマテリアル テーマを構成しようとしています。誰でもこれを手伝ってもらえますか？