angular.js - A newbie in angularjs, please give me some guidance. How to bind the ng-model on the front page?

Question

The data model is like this:

"audio": {
    "faultType": "string" //声音故障类型
},
"screen":{
    "number": "string" //屏幕故障数量
    "faultType": "string" //屏幕故障类型
}

How to bind the three input items corresponding to the front desk sound fault type, screen fault number, and screen fault type using ng-model?
Is it okay to write this in the controller?

$scope.data = {
    lineNo:$scope.lineNo,
    trainNo:$scope.trainNo,
    createdAt:$scope.createdAt,
    audio: {
      faultType:$scope.fault,
    },
    screen:{
      number:$scope.number,
      faultType:$scope.faultType,
    }
}

Answer 1

<input type="text" ng-model="data.audio"/>

You can write it like this in js.

You put
var data = [
"audio": {

"faultType": "string" //声音故障类型
},

"screen":{

"number": "string" //屏幕故障数量
"faultType": "string" //屏幕故障类型

}];
json.parse(data);

Answer 2

controller:

$scope.model={
        "audio": {
            "faultType": "type1" //声音故障类型
        },
        "screen":{
            "number": 2 //屏幕故障数量
            "faultType": "type2" //屏幕故障类型
        }
    }

HTML:

<p>声音故障类型:{{model.audio.faultType}}</p>
<input type='text' ng-model="model.audio.faultType">
<p>屏幕故障数量:{{model.screen.number}}</p>
<input type='number' ng-model="model.screen.number">
<p>屏幕故障类型:{{model.screen.faultType}}</p>
<input type='text' ng-model="model.screen.faultType">

More than