从 JavaScript 访问 List 类的扩展属性

Question

我有一个继承自 List 的类，并向这个基类添加了更多属性，如下所示：

public class MyNewList: List<string>
{
    public string MyNewProperty { get; set; }
}

我有一个返回这种类的 MVC 控制器：

public JsonResult GetModel()
{
    var model = new MyNewList() { "1", "2", "3" };
    model.MyNewProperty = "I want to be shown!!!";
    return Json(model);
}

我的问题是，每当我对服务器进行 ajax 调用并接收此类类时，我都无法访问 MyNewProperty。它总是为 MyNewProperty 返回 undefined，但 JavaScript 将对象视为一个列表：

$http(...
    function success(result) {
        console.log(result) // ["1", "2", "3"]
        console.log(result.myNewProperty); // undefined
    }

我知道建议我们不应该从 List 类继承，但这是项目中现有的类和逻辑，我无法更改它。无论如何，我必须找到一种方法将此对象发送到 JavaScript。

谁能帮我解决这个问题？

Answer 1

我建议如果您按照以下方式更改模型，我们可以获得所需的结果：

public class MyNewList
    {
        public List<string> data { get; set; }
        public string myNewProperty { get; set; }
    }

控制器方法是这样的

 public JsonResult GetModel()
        {
            var model = new MyNewList();
            model.data=new List<string>(){ "1", "2", "3" };
            model.myNewProperty = "I want to be shown!!!";
            return Json(model);
        }

JavaScript Ajax 调用会这样

  $http(...
        function success(result) {
            console.log(result.data) // ["1", "2", "3"]
            console.log(result.myNewProperty); // "I want to be shown!!!"
        }

或者，如果我们在不改变模型结构的情况下对 Controller 方法进行一些更改。你可以试试这个：

public JsonResult GetModel()
        {
            var model = new MyNewList(){ "1", "2", "3" };
            model.MyNewProperty = "I want to be shown!!!";
            var result=new {Data=model,newProperty=model.MyNewProperty};
           return Json(result);
        }

希望它会有所帮助。