Javascript 多下拉式角度选择

我的chrome控制台有一个错误，我似乎无法解决

我有一个控制器和前端代码。我的想法是我有两个下拉列表，第二个依赖于第一个。它们从具有父对象和子对象的对象中获取数据。第二个框显示第一个框的子对象

它工作了几个星期，但我今天早上再次检查了一些功能，它似乎已经坏了，我得到了下面的错误提示

有人能看出代码有什么问题吗

**ErrorTypeError:无法在字符串“Post Data Submitted Successfully！”上创建属性“ProductType” 在Object.fn.assign（编译时求值（angular.js:15500），：4:431） 在对象处$$WriteModeScope（angular.js:29101） 在angular.js:29095 在g处（angular.js:29014） 在e（angular.js:28997） at Object.$$runValidators（angular.js:28941） 在对象处$$parseAndValidate（angular.js:29082） at对象$commitViewValue（angular.js:29048） 在对象处$$debounceViewValueCommit（angular.js:29186） at Object.$setViewValue（angular.js:29166）

controller.js

FirstModule.controller('dropDown', function ($scope) {
    console.log("First cnt dropDown LOADED");

    $scope.productsandformats = [
        {
            "name": "tom",
            "format": [
                {"Fname": "ddf", "id": "Roadside"},
                {"Fname": "ffr", "id": "roadsoop"},
                {"Fname": "Wfg(Digital)", "id": "fff"}
            ]
        },
        {
            "name": "harry",
            "format": [
                {"Fname": "fef", "id": "4ee"},
                {"Fname": "fff (Digital)", "id": "derfere"}
            ]
        },

        {
            "name": "Supermarkets",
            "format": [
                {"Fname": "Asda ", "id": "asda"},
                {"Fname": "Sainsbury’s ", "id": "sains"}
            ]
        }];

    $scope.productTypeChange = function () {
        $scope.formats = $scope.productsandformats.find(ps => ps.name === $scope.formData.ProductType.name
    )
        //NG-Change
        $scope.myFunc = function () {
            var jsonItem = ($scope.formData.formatType.id);
            sessionStorage.setItem('format', jsonItem);
        }
    } });

前端角度

<div class="form-group">
    <div ng-controller="dropDown">

        <select ng-model="formData.ProductType.name" ng-change="productTypeChange()" ng-options="product.name as product.name for product in productsandformats">
            <option value="">- Please Choose -</option>
        </select>

        <select ng-model="formData.formatType" ng-options="format.Fname for format in formats.format" ng-if="formData.ProductType.name" ng-change="myFunc()">
            <option value="">- Please Choose -</option>
        </select>

        <div class="row">
            <div class="btn-group creative-format">
                <label class="btn btn-primary" ng-model="format" uib-btn-radio="'Roadside'">Roadside</label>
                <label class="btn btn-primary" ng-model="format" uib-btn-radio="'Digital'">Digital</label>
                <label class="btn btn-primary" ng-model="format" uib-btn-radio="'Billboard'">Billboard</label>
                <label class="btn btn-primary" ng-model="format" uib-btn-radio="'Premium'">Premium</label>
            </div>
        </div>

        <!--<div ng-controller="dropDown">-->
        <!--<button ng-click="myFunc()">send session</button>-->
        <!--</div>-->

        <!--<script>var jsonItem = JSON.stringify($scope.formData.ProductType.name);-->
        <!--sessionStorage.setItem('format', jsonItem);</script>-->

    </div>
</div>

-请选择-
-请选择-
路边
数字的
广告牌
保险费

第{“Fname”行似乎有一个“缺失”：“fef”，“id”：“4ee}哈哈，哇。谢谢，不幸的是，这不是问题，尽管只是问题表单中的一个错误。为什么您在第一个ng更改函数中添加了第二个ng更改函数？啊，这是为了将数据传递到后端函数将该函数移到第一个ng更改之外，并且该ng更改是否触发了？