現在私はフロントエンドフレームワークとしてAngularJS Materialを使用しようとしています.3つのテキスト入力フィールドと1つのラジオボタングループを持つ単純なフォームしかありません。 角度素材を追加する前に、すべてが機能し、テキスト入力のみが送信されました。あなたの場合）（実行コードスニペット）Angular Material radiobuttonsをhtml形式で使用する方法
、NGでNG-モデルは= 'data.group1' を置換;
と私のapp.js
var app = angular.module('nameApp', ['ngMaterial', 'ngMessages']);
app.controller('ToolbarController', function($scope) {
$scope.title = 'Enter your name!';
});
このような何かを試してみてください-model = 'project.group1'、NG-メッセージ= 'projectForm.nameInput。$エラー'
<html lang="en">
<head>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script language="javascript">
angular
.module('firstApplication', ['ngAnimate', 'ngAria', 'ngMaterial', 'ngMessages'])
.controller('myController', function($scope) {
$scope.submit = function(obj) {
// submit code goes here
console.log(obj);
};
});
</script>
</head>
<body ng-app="firstApplication">
<form name="myForm" ng-app="myApp" ng-controller="myController" class="container-fluid" ng-submit="submit(obj)">
<div class="row">
<div class="col-xs-8">
<md-input-container>
<label>First Name</label>
<input name="firstName" id="firstName" ng-model="obj.firstName" ng-required="true">
<div ng-messages="myForm.firstName.$error">
<div ng-message="required">This is required</div>
</div>
</md-input-container>
</div>
<div class="col-xs-8">
<md-input-container>
<label>Name</label>
<input name="lastName" id="lastName" ng-model="obj.lastName" ng-required="true">
<div ng-messages="myForm.lastName.$error">
<div ng-message="required">This is required</div>
</div>
</md-input-container>
</div>
<div class="col-xs-8">
<md-input-container>
<md-radio-group name="gender" id="gender" ng-model="obj.gender" ng-required="true" class="">
<md-radio-button name="gender" value="Male" required> Male</md-radio-button><br>
<md-radio-button name="gender" value="Female" required> Female</md-radio-button>
</md-radio-group>
<div ng-messages="myForm.gender.$error">
<div ng-message="required">This is required</div>
</div>
</md-input-container>
</div>
</div>
<div class="col-xs-8">
<md-input-container>
<label>Region</label>
<input name="region" id="region" ng-model="obj.region" ng-required="true">
<div ng-messages="myForm.region.$error">
<div ng-message="required">This is required</div>
</div>
</md-input-container>
</div>
<md-button class="md-primary" type="submit" ng-disabled="myForm.$invalid">SUBMIT</md-button>
</form>
</body>
</html>ありがとう、これは完全に動作するようです！ –
マークアップは大丈夫です（https://codepen.io/camden-kid/pen/zKxZLO）。 [設定]ボタンをクリックして、表示されているCSSとJSが一致していることを確認します。 –
私はsvg-assests-cacheとngDialogが欠けていますが、それは必須ではありません。そして、それらを追加した後でさえ、それはまだ動作しません。 –
コンソールに何かエラーがありますか？ –