Estoy intentando mostrar un campo "nombre" que está en otra tabla conectadas entre si foráneamente.

[![introducir la descripción de la imagen aquí][1]][1]


  [1]: https://i.sstatic.net/7uJhy.gif

la pimera tabla es la tabla de platoingredientes, donde tengo mis llaves foranemas, la segunda tabla que aprarece en el gif es de platos, donde tengo el id, el nombre y el valor. la tabla platoingredientes es la que tiene las llaves foráneas y la relacion es de que un platoingredientes tiene muchos platos.

platos migracion

      public function up()
        {
            Schema::create('platos', function (Blueprint $table) {
                $table->increments('id');
                $table->char('nombre',50);
                $table->double('valor', 8, 2);
                $table->timestamps();
            });
        }


platoIngrediente migracion

    public function up()
        {
        Schema::create('platoIngrediente', function (Blueprint $table) {
        $table->increments('id');
        $table->unsignedInteger('plato_id');
        $table->foreign('plato_id')->references('id')->on('platos');
        $table->unsignedInteger('ingrediente_id');
        $table->foreign('ingrediente_id')->references('id')->on('ingredientes');
        $table->double('cantidad', 8, 2);
        $table->timestamps();
            });
        }



ingrediente modelo

    class Ingrediente extends Model
    {
    		protected $fillable = ['nombre','proveedor'];
    
    
    }


plato modelo

    class Plato extends Model
    {
        protected $fillable = ['nombre', 'valor'];
    
    
        public function platoingrediente() {
        return $this->hasMany('App\Plato');
    }
    
    
    }

platoingrediente modelo

    class PlatoIngrediente extends Model
    {
    	public $table = "platoIngrediente";
    
        protected $fillable = ['plato_id', 'ingrediente_id', 'cantidad'];
    
    	// UNO A MUCHOS
        public function platos(){
        	return $this->belongsTo('App\PlatoIngrediente', 'id','plato_id');
        }
    
    		public function ingrediente(){
        	return $this->belongsTo('ingrediente_id');
        }
    
    
    
    
    }


este es el platoingrediente controller

    public function index()
        {
          $platos = Plato::all();
          $ingredientes = Ingrediente::all();
          $platoingredientes = PlatoIngrediente::all();
          $platoids = PlatoIngrediente::with('platos')->get();
          return view('platoingrediente/index', compact('platos','ingredientes','platoingredientes','platoids'));
        }



esta es la vista


        <dd>Primero selecciona un plato en el sistema: </dd>
        <select name="plato_id" id="plato_id" class="form-control">
        <option selected>[ SELECCIONA UN PLATO ]</option>
         @foreach( $platoids as $platoid )
         @foreach( $platoingredientes as $platoingrediente )
        <option value="{{ $platoingrediente->id}}">{{ $platoid->platos->nombre }}</option>
       @endforeach
       @endforeach
      </select>


me sale el siguiente error

Trying to get property 'nombre' of non-object (View: /opt/lampp/htdocs/food/resources/views/platoingrediente/index.blade.php)
Previous exceptions
Trying to get property 'nombre' of non-object (0)